有人曾经将图像动态加载到 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');
关于javascript - 将图像动态加载到 jquery iviewer 中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6105612/