llamar a una función desde un enlace

[ivan_pala21]

hola muy buenas llevo días con un problema y no se bien como solucionarlo,
tengo una función de un lightbox que me abre una imagen en grande en el centro de la pantalla yo creo un div le doy nombre de la función gallery en este caso y al clicar un enlace dentro de este div me abre la imagen pero necesito unas 8 imágenes con sus div y sus respectivos enlaces cada imagen y así no me funciona ya que no puedo llamar a los diferentes div de la misma manera como podría solucionar este problema estos son los códigos

código de la función;

Código Javascript:

<script type="text/javascript">
    $(function  () {
        $('#gallery a').lightBox();
    });
    </script>
 

código html que llama a la función al clicar el enlace;

Código HTML:

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

al hacerlo asi solo abre bien el primer enlace el resto abre la imagen pero no como deveria podéis ayudarme porfa

[rottenp4nx]

Es porque no deben haber más de 1 elemento con el mismo ID

cambia <div id="gallery"> por <div class="gallery">

y en el jquery

Código Javascript:

<script type="text/javascript">
    $(function  () {
        $('.gallery a').lightBox();
    });
    </script>
 

Saludos

[ivan_pala21]

muchas gracias me funciona de ole un saludo