Foros Programación Servidor
PHP y Ajax
2 2 Respuestas Viernes 21 de mayo, 2010
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:
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");
?>
www.eribertocaria.com
-
Chico canijo pa llorar
Registrado desde 06/12/04 / Número de posts: 64
Hola en este articulo encontraras lo que buscas
Developing Sites With AJAX: Design Challenges and Common Issues
Saludos
-
DwUoMo
Registrado desde 03/11/08 / Número de posts: 99
vas a tener que retocar mucho ese archivo para convertirlo en ajax mucha suerte hermano!!!!Hay tres formas de hacer las cosas la correcta, la incorrecta y la mia...
Áreas Domestika
- Diseño (gráfico, web, industrial, producto)
- Programación (cliente, servidor, accesibilidad)
- Ilustración (autores, inspiración, técnicas)
- Fotografía (técnica, equipo, autores)
- Motion Graphics (showreels, software, estudios)
- Publicidad (campañas, anuncios, ideas)
- Informática (software, hardware, trucos)
- 3D (técnicas, iluminación, modelado)
- Experiencia de Usuario (usabilidad, AI, HCI)
- Cine, vídeo y televisión (críticas, producción)
- Música y Audio (sonidos, loops, discos)
- Espacios (arquitectura, interiorismo)