如何获取基于jquery的iviewer的当前src？

Question

我目前正在使用基于 jquery 的 iviewer 来创建在线图片库。这是用于调用初始 iviewer 源图像的代码（为简洁起见进行了编辑）：

var $ = jQuery;
$(document).ready(function(){
var iv1 = $(".viewer").iviewer({
    src: "/folder/001.jpg", 
});

询问 另一个问题在其他地方，我目前正在使用此方法通过将“1”添加到当前按钮来驱动下一个/上一个按钮单击时的图像 src （所有图像均使用三位数字递增命名 - 001.jpg、002.jpg 等）：

var i = 1;

$("#next").click(function()
{
    i++;
    iv1.iviewer('loadImage', "/folder/" + ("00" + i).slice(-3) + ".jpg");
    return false;
});

但是，问题是在同一页面的其他地方我使用一些 jquery 代码来更改中显示的图像iviewer 基于相关链接的类属性（其编号与图像类似 - chimg001、chimg002 等）：（

$("ul.imageThumbs > li > a").click(function()
{
    var k = $(this).attr("class");
    iv1.iviewer('loadImage', "/folder/" + ((k).slice(-3)) + ".jpg");
    return false;
});                 

我对 jquery 和 javascript 都很陌生，所以我很高兴听到对上述内容的任何建议修改。）

使用上述代码显示新图像后，下一个和上一个按钮相对于新显示的图像不会改变，而仅根据通过下一个/访问的最后一个图像而改变以前的按钮。

我希望能够通过首先找到 iviewer 的当前 src 然后添加一个来让下一个和上一个按钮工作，而不是当前的方法。这可以做到吗？

Answer 1

通过阅读您提供的链接上的插件文档，有一些部分可能有用。

info(prop, dropRotation) - 获取有关图像的一些信息。 prop 的有效值为：display_width、display_height - 图像的当前物理尺寸； orig_width, orig_height - 原始图像的尺寸； angle - 当前旋转角度； Zoom - 当前缩放值，以 % 为单位； src - 当前图像的 url；

所有方法都应该通过 jquery ui 表示法调用：$('#viewer').iviewer('method', 'arg1', 'arg2')

所以，尝试这样的事情：

$('.iviewer').iviewer('info','src');