Comunidad de diseño web y desarrollo en internet online

Mostrar imagen desde la carpeta /images/

Citar            
MensajeEscrito el 09 Jun 2009 03:25 pm
Hol@

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 :shock: ?

Alguien sabe como solucionar esto :? ? Por ejemplo mostrar la imagenes desde una carpeta /images/ automaticamente ?

Salud@s,

Por timarin

5 de clabLevel



 

firefox
Citar            
MensajeEscrito el 09 Jun 2009 04:43 pm
eso no es una galeria ese es el ligthbox y si puedes mostrarlas desde la carpeta imagenes como cualquier otra imagen es mas yo trabajo eso con una imagen redimensionada y marcada con php asi que prueba algo como

Código :

<a href="galleries/001_Reaching_For_The_Stars.jpg" rel="lightbox[mando]" id="image1" title=""><img src="galleries/001_Reaching_For_The_Stars.jpg" border="0" alt="" height="80" width="80" /></a>
        <div class="lightboxDesc image1">Image Description</div>


con eso el ligthbox buscara la imagen en la carpeta galleries saludos

Por talcual

686 de clabLevel



 

Colombia

firefox
Citar            
MensajeEscrito el 09 Jun 2009 07:49 pm
Oh, lo siento. Eso mismo lighbox

Pero con este codigo:

Código :

<a href="galleries/001_Reaching_For_The_Stars.jpg" rel="lightbox[mando]" id="image1" title=""><img src="galleries/001_Reaching_For_The_Stars.jpg" border="0" alt="" height="80" width="80" /></a>
        <div class="lightboxDesc image1">Image Description</div>


Aun tendría que poner lo mismo codigo, unos 30 por ejemplo para poder mostrar las imagenes. Ejemplo:

Código :

<a href="galleries/001_Reaching_For_The_Stars.jpg" rel="lightbox[mando]" id="image1" title=""><img src="galleries/001_Reaching_For_The_Stars.jpg" border="0" alt="" height="80" width="80" /></a>
        <div class="lightboxDesc image1">Image Description</div>

<a href="galleries/002.jpg" rel="lightbox[mando]" id="image1" title=""><img src="galleries/001_Reaching_For_The_Stars.jpg" border="0" alt="" height="80" width="80" /></a>
        <div class="lightboxDesc image1">Image Description</div>

<a href="galleries/003.jpg" rel="lightbox[mando]" id="image1" title=""><img src="galleries/001_Reaching_For_The_Stars.jpg" border="0" alt="" height="80" width="80" /></a>
        <div class="lightboxDesc image1">Image Description</div>

.......................................
............
<a href="galleries/0030.jpg" rel="lightbox[mando]" id="image1" title=""><img src="galleries/001_Reaching_For_The_Stars.jpg" border="0" alt="" height="80" width="80" /></a>
        <div class="lightboxDesc image1">Image Description</div>



Y asi sucesivamente hasta los 30 imagenes. De esta forma la pagina se llenará de 30 de estos codigos y quedará muy pesado. :shock:

Por timarin

5 de clabLevel



 

firefox
Citar            
MensajeEscrito el 09 Jun 2009 08:36 pm
de que otra forma lo quieres hacer si asi es que funciona el a menos que uses dom para eso necesitaras tener un conocimiento intermedio de javascript porq lo que hace el dom es que crea las imagenes en tiempo de ejecucion pero bueno que yo sepa ese ligthbox funciona de esa forma y nunca ha tenido problemas

Por talcual

686 de clabLevel



 

Colombia

firefox
Citar            
MensajeEscrito el 10 Jun 2009 03:42 pm
Bueno, pensé que un pequeño codigo en PHP me podría ayudar buscar imagenes en la carpeta /images/ facilitando el trabajo de agregar un codigo en index cada vez que agrega un nuevo imagen en el lightbox y disminuír el peso. :oops:

Por timarin

5 de clabLevel



 

firefox
Citar            
MensajeEscrito el 10 Jun 2009 05:41 pm
haaaa yap entiendo lo que tu quieres hacer es que no te explicaste bn claro puedes usar una base de datos con las rutas o simplemente usar un glob que es un array global o dir para mostrar todas las imagenes que contiene un carpeta dada saludos

Por talcual

686 de clabLevel



 

Colombia

firefox
Citar            
MensajeEscrito el 10 Jun 2009 08:10 pm
No se nada de codigo :shock: Que tal una ayuda :P

Por timarin

5 de clabLevel



 

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.