动态将图像加载到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张图片可以工作... :(     
已邀请:
请从github获取最新版本的插件。 Iviewer现在是一个jQuery UI小部件,它具有loadImage方法,因此您可以在一个小部件中显示不同的图像。 您可以使用以下代码加载新图像:
jQuery(\'.iviewer_selector\').iviewer(\'loadImage\', \'http://url.to/image.png\');
有关示例,请参见https://github.com/can3p/iviewer。     
您可以加载所有这些文件,可以使用jquery隐藏它们,并根据Thumbnails的click事件显示它们。 对所有图像执行iViewer并使用jquery或css将其隐藏, 当单击缩略图时,仅显示相应的图像,并隐藏其余部分     

要回复问题请先登录注册