将图像动态加载到 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 张图像工作... ：（
Anyone ever loaded images dynamically into jquery iViewer? Currently, it's setup as
$(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();});
}
});
});
so you have to put different instances on the page in order to show more than one image. Currently i have the "scrollable" plugin for thumbnails and i wanted to be able to dynamically load their large images into iViewer plugin. Anyone got any ideas?
Current example here: http://orangepxl.com/yasuko/voices.php only 1 image will work... :(
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
请从 github 获取该插件的最新版本。 Iviewer 现在是一个 jQuery UI 小部件，它具有 loadImage 方法，因此您可以在单个小部件中显示不同的图像。
您可以使用如下代码加载新图像：
请参阅 https://github.com/can3p/iviewer例子。
Please, take the last version of the plugin from the github. Iviewer is now a jQuery UI widget and it has loadImage method, so you can show different images in a single widget.
You could load new image with code like this:
See https://github.com/can3p/iviewer for examples.
您可以加载所有这些，并且可以使用 jquery 隐藏它们，并根据缩略图的单击事件显示它们。
对所有图像执行 iViewer 并使用 jquery 或仅使用 css 隐藏它们，
单击缩略图时，仅显示相应的图像，并隐藏其余图像
You can load All of them and, can hide them using jquery, and show them according to the click event for Thumbnails.
Do the iViewer for all of the images and hide them using jquery or just css,
and when clicking on the thumbnails, show only the corresponding image, and hide rest