función galería no me abre las imagenes

[ivan_pala21]

hola muy buenas tengo un pequeño problema con una serie de imágenes que intento abrir a trabes de una galería, el caso es que abro las imágenes a trabes de una función en java script que llama a una galería lightBox no es exactamente una galería lo que quiero abrir pues solo me abre una imagen cuando llamo a la función pero lo que yo hago es que apretando un enlace uno para cada imagen debería abrirse la imagen correspondiente como lightBox pero solo me funciona la primera el resto me las abre pero no como debería hacerlo en la galería como podría hacerlo yo lo tengo de esta manera.


un código javascript:

Código Javascript:

<script type="text/javascript" src="/jscripts/lightbox/jquery.js"></script>
    <script type="text/javascript" src="/jscripts/lightbox/jquery.lightbox-0.5.js"></script>
    <link rel="stylesheet" type="text/css" href="/css/lightboxcss/jquery.lightbox-0.5.css" media="screen" />
    
    
    <!-- Ativando o jQuery lightBox plugin -->
    <script type="text/javascript">
    $(function() {
        $('#gallery a').lightBox();
    });
    </script>
 

y despues abro las imagenes asi

Código HTML:

<div id="gallery">
          
          <ul>
            <li>
          
          
          <a href="/imagenes/plantillas/plantilla-1.jpg" class="textoblanco">Previsualizar Diseño</a>
          
          
          </li>
         </ul>
      </div>
 
 
   <div id="gallery">
          
          <ul>
            <li>
          
          
          <a href="/imagenes/plantillas/plantilla-2.jpg" class="textoblanco">Previsualizar Diseño</a>
          
          
          </li>
         </ul>
      </div>
 

así hasta 8 imágenes pero solo abre bien la primera por que puede ser.

[pateketrueke]

Los ID deben ser únicos, por eso se llaman identificadores, y evidentemente los estás repitiendo, eso no está permitido en HTML.

Lo que deberías repetir son los <li> dentro de una sola lista, ese también es un problema demasiado obvio y no lo haces bien.

Además, ¿por qué has preguntado en el foro de PHP si claramente no tienes problemas de PHP?

[ivan_pala21]

li no entiendo dar la classe al li en vez de al div

[vick90]

Haber si este te sirve

Código Javascript:

<div id="gallery">
    <ul>
        <li>
            <a href="photos/image1.jpg">
                <img src="photos/thumb_image1.jpg" width="72" height="72" alt="" />
            </a>
        </li>
        <li>
           <a href="photos/image1.jpg">
                <img src="photos/thumb_image1.jpg" width="72" height="72" alt="" />
            </a>
        </li>
     </div>
 

[ivan_pala21]

vick90 no me funciona asi ya lo he probado no se entonces