Hallo zusammen,

ich habe auf einer Webseite eine Liste von Bildern, die ich über eine Checkbox auswählen kann. Diese Bilder sollen dann in einer Fancybox angezeigt werden.

markieren

Code:

      $("#preview-main").click(function(){
         var node_list = document.getElementsByTagName('input');
         for (var i = 0; i < node_list.length; i++) {
            var node = node_list[i];
            if (node.getAttribute('type') == 'checkbox') {
               if(node.checked==true&&node.getAttribute('class')=='styled fancy prehover grafic') {
                       if(node.getAttribute('alt')) {
                  $.fancybox({
                     'href':   node.getAttribute('alt'),
                     'transitionIn'      : 'none',
                     'transitionOut'      : 'none',
                     'type'             : 'image',
                     'changeFade'       : 0
                  });   
                  }
               }
            }
         } 
         node_list = null;
      });

Wenn ich jetzt ein einzelnes Bild auswähle funktioniert es wunderbar. Sind mehrere Bilder ausgewählt, dann wird immer nur das letzte in der Liste angezeigt. Nur wie kann ich die Fancybox dazu bewegen, die Bilder aus dem Array node_list nacheinander anzuzeigen und wie kann ich auch wieder zurückzuspringen ?

Gibt es dazu vielleicht irgendwo eine Anleitung ?

Evtl hilft dir das ja weiter:

http://stackoverflow.com/a/5528568

Hallo Lars,

danke für Deine Antwort. Hat mir erstmal sehr weitergeholfen.