PHP y Ajax
Buenos días,
Estoy desarrollando una pagina web en la que hay una galeria con slide de imagenes que coge las informaicones desde una base de datos.
Hasta aqui todo bien porque me funciona, lo unico es que me gustaria que cuando pinche en el enlance para cambiar la sequencia de imagenes, no vuelva a cargar la pagina.
Se que seria posible hacerlo con AJAX pero no teniendo muchas nociones osbre este lenguaje no sabria como hacerlo.
Os paso el codigo:
<?
include_once("inc/inicio.php");
if (!isset($selproyecto)) {
$selproyecto = "compilation";
}
?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Titulo</title>
<link href="css/estilos.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
<script type="text/javascript" src="js/mbScrollable.js"></script>
<script type="text/javascript">
$(function(){
$("#slide").mbScrollable({
width:480,
elementsInPage:1,
elementMargin:0,
height:"auto",
controls:"#control",
slideTimer:600,
autoscroll:true,
scrollTimer:4000
});
/*setTimeout(function(){$("#wrapper").fadeIn();},2000);*/
});
</script>
</head>
<body>
<div id="contenedor">
<div id="cabecera">
<img src="img/logo.gif" id="logo" />
<ul id="menu">
<li><a href="quienes-somos.php">Quiénes somos</a></li>
<li>:::</li>
<li><a href="productos.php">Productos</a></li>
<li>:::</li>
<li><a href="paks.php">Packs</a></li>
<li>:::</li>
<li><a href="paks.php">Noticias</a></li>
<li>:::</li>
<li><a href="paks.php">Contacto</a></li>
</ul>
</div>
<div id="proyectos-destacados">
<h6>Proyectos destacados</h6>
<div id="slide">
<?
$sql = "SELECT *
FROM proyectos
WHERE carpeta = '".$selproyecto."';";
$res = mysql_query($sql);
$row = mysql_fetch_array($res);
$dir = "proyectos/".$row['carpeta'];
$d = opendir($dir);
while ($file = readdir($d)) {
if (strchr($file,"imagen")) {
?>
<div><img src="proyectos/<?=$selproyecto."/".$file?>" alt="tituloproyecto" /></div>
<?
}
}
closedir($d);
?>
</div>
<div id="miniaturas">
<?
$sql = "SELECT *
FROM proyectos
WHERE estado = '1'
ORDER BY idproyecto DESC;";
$res = mysql_query($sql);
while($row = mysql_fetch_array($res)) {
?>
<a href="?selproyecto=<?=$row['carpeta']?>"><img src="proyectos/<?=$row['carpeta']?>/miniatura.jpg" alt="<?=$row['titulo']?> ::: <?=$row['empresa']?>" class="miniatura" /></a>
<?
}
?>
</div>
<div id="control">
<div class="pageIndex"></div>
</div>
</div>
</div>
</body>
</html>
<?
include_once("inc/final.php");
?>
Chico canijo pa llorar
Hola en este articulo encontraras lo que buscas
Developing Sites With AJAX: Design Challenges and Common Issues
Saludos
DwUoMo
vas a tener que retocar mucho ese archivo para convertirlo en ajax mucha suerte hermano!!!!