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

How can I get the current src of jquery-based iviewer?

本文关键字：jquery iviewer src 何获取 获取      更新时间：2023-09-26

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

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

在SO上的其他地方问了另一个问题后，我目前正在使用这种方法来驱动下一个/上一个按钮，方法是在单击时将"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代码，根据相关链接的类属性（编号与图像类似-chimg001、chimg002等）更改iviewer中显示的图像：

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

（我对jquery和javascript都是新手，所以我很高兴听到任何关于以上的MOD建议。）

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

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

通过阅读您提供的链接中的插件文档，可以发现一些有用的部分。

info（道具，dropRotation）-获取一些关于图像的信息。道具的有效值为：display_width，display_height-图像的当前物理尺寸；orig_width，orig_height——原始图像的维度；angle——当前旋转角度；zoom—当前缩放值，单位为%；src-当前图像的url；

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

所以，试试这样的东西：

$('.iviewer').iviewer('info','src');
相关文章：