лайтбокс jQuery или эквивалент с массивом изображений

Question

Я пытаюсь реализовать галерею в стиле Lightbox , в которой при нажатии на текстовую ссылку запускается слайд-шоу изображений, которые загружаются из массива, а не из встроенного содержимого на странице. Все примеры, которые я могу найти, используют группу встроенных изображений, которые каким-либо образом связаны (то есть, используя тег rel или класс). Я хочу определить мои изображения, используя их пути в массиве Javascript.

Кто-нибудь знает решение или есть указатели? ТИА.

Answer 1

Следующий пример работает с примером, который вы можете скачать с сайта плагина.

Демо здесь

$(function() {
        $('#testLink').click( dynamicLightBoxinit );
    });

    function dynamicLightBoxinit(){
        images = ["photos/image1.jpg", "photos/image2.jpg","photos/image3.jpg","photos/image4.jpg","photos/image5.jpg"];
        var imageBuilder='';
        for (var i = 0; i  < images.length; i++)  {

            imageBuilder += '<a href="'+images[i]+'"><img src="';
            imageBuilder += images[i];
            imageBuilder += '" \></a>';
          }

          var lb = $(imageBuilder);
          lb.lightBox();
          lb.filter('a:first').click();
        }

Answer 2

Я не уверен, что именно вы ищете, но это то, что вы ищете?

images = ["path1.jpg", "path2.jpg"];
for (var i = 0; i  < images.length; i++)
  {
    var img = new Image();
    img.src = images[i];
    images[i] = img;
  }

Скорее тупая замена URL-адресов объектов-объектов на месте, но писать было короче.

Ваши изображения будут загружаться браузером, когда установлен атрибут src, и могут быть добавлены к любому html-контейнеру для обычных операций dom.

НТН.