динамически загружать изображения в jquery iviewer

Question

Кто-нибудь загружал изображения динамически в jQuery iViewer?В настоящее время он настроен как

  $(document).ready(function(){
              $("#images").iviewer(
                   {
                   src: "images/voices/big/page01.jpg", 
                   update_on_resize: false,
                   initCallback: function (object)
                   {
                       $("#in").click(function(){ object.zoom(1);}); 
                       $("#out").click(function(){ object.zoom(-1);}); 
                       $("#fit").click(function(){ object.fit();}); 
                       $("#orig").click(function(){ object.toOrig();}); 
                       $("#update").click(function(){ object.update();}); 
                   }
              });
        });

, поэтому вам нужно разместить разные экземпляры на странице, чтобы показать более одного изображения.В настоящее время у меня есть «прокручиваемый» плагин для миниатюр, и я хотел иметь возможность динамически загружать их большие изображения в плагин iViewer.Кто-нибудь есть идеи?

Текущий пример здесь: http://orangepxl.com/yasuko/voices.php будет работать только 1 изображение ...: (*

Answer 1

Пожалуйста, возьмите последнюю версию плагина с github. Iviewer теперь является виджетом jQuery UI и имеет метод loadImage, поэтому вы можете отображать разные изображения в одном виджете.

Вы можете загрузить новое изображение с кодом, подобным этому:

jQuery('.iviewer_selector').iviewer('loadImage', 'http://url.to/image.png');

См. https://github.com/can3p/iviewer для примеров.

Answer 2

Вы можете загрузить все из них и, можете скрыть их с помощью jquery, и показать их в соответствии с событием щелчка для миниатюр.

Сделайте iViewer для всех изображений и скройте их, используя jquery или просто css, а при нажатии на миниатюры показать только соответствующее изображение и скрыть остальные