Uso una pequeña galería de imagen que me da dolor de cabeza. Fijase que la galería esta creado en Javascript y debo poner este pedazo de codigo en la pagina index para mostrar las imagenes:
Código :
<div id="dhtmlgoodies_slideshow">
<div id="galleryContainer">
<div id="arrow_left"><img src="images/arrow_left.gif"></div>
<div id="arrow_right"><img src="images/arrow_right.gif"></div>
<div id="theImages">
<div id="example">
<a href="http://xxxx/galleries/001_Reaching_For_The_Stars.jpg" rel="lightbox[mando]" id="image1" title=""><img src="http://xxxxx/galleries/001_Reaching_For_The_Stars.jpg" border="0" alt="" height="80" width="80" /></a>
<div class="lightboxDesc image1">Image Description</div>
....................................................................
........................................................................
div id="slideEnd"></div>
</div>
</div>
</div>
<script type="text/javascript">
window.addEvent('domready',function(){
Lightbox.init({descriptions: '.lightboxDesc', showControls: true});
});
</script>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-3333085-1");
pageTracker._initData();
pageTracker._trackPageview();
</script>
Supongamos que tengo 30 imagenes para mostrar, por lo que tengo que poner 30 veces
Código :
<a href="http://xxxx/galleries/001_Reaching_For_The_Stars.jpg" rel="lightbox[mando]" id="image1" title=""><img src="http://xxxxx/galleries/001_Reaching_For_The_Stars.jpg" border="0" alt="" height="80" width="80" /></a> <div class="lightboxDesc image1">Image Description</div>
para que aparezca los 30 imagenes. Esto causaría que la pagina index se ponga lento y pesado. Imagina si fuera 100
Alguien sabe como solucionar esto
Salud@s,
