將圖像動態加載到jquery iviewer中

任何人都曾經動態地將圖像加載到jQuery iViewer中？目前，它設置爲將圖像動態加載到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個圖像將工作... :(

來源

2011-05-24 huminuh83

您可以加載所有這些，可以使用jquery隱藏起來，並根據對縮略圖的點擊事件，在他們

。

做iViewer的所有圖像，並使用jquery或者只是CSS，隱藏和縮略圖點擊時，只顯示相應的圖像，並隱藏其餘

來源

2011-06-20 13:45:03

請把插件的最新版本，從github。Iviewer現在是一個jQuery UI小部件，它有loadImage方法d，所以你可以在一個小部件中顯示不同的圖像。

您可以加載代碼爲新的形象是這樣的：

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

例子可見https://github.com/can3p/iviewer。

來源

2011-09-30 06:22:44 can3p

將圖像動態加載到jquery iviewer中

回答

相關問題