
02/04/2013, 07:35
|
 | | | Fecha de Ingreso: febrero-2013
Mensajes: 39
Antigüedad: 12 años Puntos: 2 | |
Problema con álbum JS Estimados especialistas:
Apenas voy con php y tratando de hacer una serie de álbumes de fotos para un portafolio, me sugirieron que usara JS, me puse a investigar y encontré algo que se adaptaba a lo que necesitaba.
Esto funciona a la perfección pero el problema empieza con los includes.
Lo que tengo es una página php que contiene varios álbumes a través de includes y sólo funciona el primero, Es decir:
Si los pongo así:
<div id="fridays_2"><?php include_once('portafolio/web/fridays_2.php'); ?></div>
<div id="sm"><?php include_once('portafolio/web/sm.php'); ?></div>
Funciona: fridays_2
Y si lo pongo así:
<div id="sm"><?php include_once('portafolio/web/sm.php'); ?></div>
<div id="fridays_2"><?php include_once('portafolio/web/fridays_2.php'); ?></div>
Funciona: sm
Como comentaba necesito agregar varios includes en la misma página, pero no se que es lo que se está pisando. Les agradeceré la ayuda.
Copio el código que funciona correctamente.
------------------------------------------------------------------------------------
<title>bairesAGENCY</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
</head>
<body>
<div id="contenedor_web">
<div id="monitor"><img src="img/port/web/mac_monitor.png" width="833" height="650" /></div>
<div id="web"><img id="largeImage" src="img/port/web/fridays_2/galeria/fridays_2_01_large.jpg" /></div>
<div id="thumbs">
<img class="thumb_fridays_2_01" src="img/port/web/fridays_2/galeria/fridays_2_01_thumb.jpg" />
<img class="thumb_fridays_2_02" src="img/port/web/fridays_2/galeria/fridays_2_02_thumb.jpg" />
<img class="thumb_fridays_2_03" src="img/port/web/fridays_2/galeria/fridays_2_03_thumb.jpg" />
<img class="thumb_fridays_2_04" src="img/port/web/fridays_2/galeria/fridays_2_05_thumb.jpg" />
<img class="thumb_fridays_2_05" src="img/port/web/fridays_2/galeria/fridays_2_08_thumb.jpg" />
<img class="thumb_fridays_2_06" src="img/port/web/fridays_2/galeria/fridays_2_09_thumb.jpg" />
<img class="thumb_fridays_2_07" src="img/port/web/fridays_2/galeria/fridays_2_10_thumb.jpg" />
<img class="thumb_fridays_2_08" src="img/port/web/fridays_2/galeria/fridays_2_12_thumb.jpg" />
</div>
<script>
$('#thumbs').delegate('img','click', function(){
$('#largeImage').attr('src',$(this).attr('src').re place('thumb','large'));
});
</script>
</div>
</body>
</html>
------------------------------------------------------------------------------------ |