Question

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

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

在SO上的其他地方询问another question之后，我正在使用此方法通过在点击时向当前图像src添加“1”来驱动下一个/上一个按钮（所有图像都使用三位数递增地命名 - 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的新手，所以我很高兴听到上面提到的mods。）

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

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

Answer 1

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

info（prop，dropRotation） - 获取有关图像的一些信息。 prop的有效值为：display_width，display_height - 图像的当前物理尺寸; orig_width，orig_height - 原始图像的尺寸;角度 - 当前旋转角度; zoom - 当前缩放值，以％为单位; src - 当前图像的网址;

所有方法都应该通过jquery ui表示法调用：$（'＃viewer'）。iviewer（'method'，'arg1'，'arg2'）

所以，尝试这样的事情：

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

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

1 个答案: