PHP y Ajax

el 21.05.2010 a las 12:36  por eribertocaria· 2 comentarios

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
DwUoMo

DwUoMo el 29.05.2010 a las 00:04

vas a tener que retocar mucho ese archivo para convertirlo en ajax mucha suerte hermano!!!!

Entra o regístrate para comentar