有人曾经动态地将图片加载到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张图片可用... :(
答案 0 :(得分:4)
请从github获取该插件的最新版本。 Iviewer现在是一个jQuery UI小部件,它有loadImage方法,因此您可以在一个小部件中显示不同的图像。
您可以使用以下代码加载新图片:
jQuery('.iviewer_selector').iviewer('loadImage', 'http://url.to/image.png');
有关示例,请参阅https://github.com/can3p/iviewer。
答案 1 :(得分:0)
你可以加载所有这些,并且可以使用jquery隐藏它们,并根据缩略图的click事件显示它们。
为所有图像执行iViewer并使用jquery或css隐藏它们, 当点击缩略图时,只显示相应的图像,并隐藏休息