Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/362.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何获取基于jquery的iviewer的当前src?_Javascript_Jquery_Image_Jquery Plugins - Fatal编程技术网

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

Javascript 如何获取基于jquery的iviewer的当前src?,javascript,jquery,image,jquery-plugins,Javascript,Jquery,Image,Jquery Plugins,我目前正在使用基于jquery的在线图像库。这是用于调用初始iviewer源图像的代码(为简洁起见进行了编辑): 在询问其他地方之后,我目前正在使用此方法来驱动下一个/上一个按钮,方法是在单击时将“1”添加到当前图像src中(所有图像都以三位数递增命名-001.jpg、002.jpg等等): 然而,问题在于,在同一页面的其他地方,我正在使用一些jquery代码,根据相关链接的class属性(其编号类似于图像-chimg001、chimg002等)更改iviewer中显示的图像: (我对jquer

我目前正在使用基于jquery的在线图像库。这是用于调用初始iviewer源图像的代码(为简洁起见进行了编辑):

在询问其他地方之后,我目前正在使用此方法来驱动下一个/上一个按钮,方法是在单击时将“1”添加到当前图像src中(所有图像都以三位数递增命名-001.jpg、002.jpg等等):

然而,问题在于,在同一页面的其他地方,我正在使用一些jquery代码,根据相关链接的class属性(其编号类似于图像-chimg001、chimg002等)更改iviewer中显示的图像:

(我对jquery和javascript都是新手,所以我很高兴听到上面提到的mod。)

使用上述代码显示新图像后,“下一个”和“上一个”按钮不会相对于新显示的图像进行更改,而是仅根据通过“下一个/上一个”按钮访问的最后一个图像进行更改


我希望能够通过首先查找iviewer的当前src,然后向其中添加一个按钮,而不是当前方法,使“下一个”和“上一个”按钮工作。这可以做到吗?

通过阅读您提供的链接上的插件文档,有几个部分可能很有用

信息(道具,dropRotation)-获取有关图像的一些信息。道具的有效值为:显示宽度、显示高度-图像的当前物理尺寸;原始宽度、原始高度-原始图像的尺寸;角度-当前旋转角度;缩放-当前缩放值,单位为%;src-当前图像的url

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

那么,试试这样的方法:

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

谢谢你,安东尼!我会试一试,然后再给你回复(这是让我难堪的语法,我是noob)谢谢Anthony-我试一试都没有成功:
$(“#下一步”)。点击(function(){I++;var j=$(“.viewer”).iviewer('info','src');iv1.iviewer('loadImage',“/folder/”+((j.slice(-3))+I)+.jpg”);返回false;})这是基于这样的假设:(1)通过您建议的方法获取当前src,作为变量“j”,(2)切片该变量的最后三位(从而给出正确的文件名),(3)向该值(变量“i”)添加1,并使用文件类型jpg将其附加到适当的文件夹结构中。知道我哪里出错了吗?@shngrdr检查您的浏览器中是否存在任何Javascript错误,并在检索到
j
后尝试输出该值,以查看返回的内容(如果有)。由于从未使用过该插件,而且我阅读的文档非常有限,所以我猜测的语法可能不正确。Firebug没有显示任何javascript错误。将代码更改为警报(j)将给出[object]。因此,语法可能是错误的(我同意文档相当有限)。有趣的是,使用我在您的反馈后引用的代码,使用“下一步”按钮时不会显示任何图像,但“上一步”按钮(保留了我原始q中的代码)的工作方式与之前的一样。因此,通过“i”附加的数字可能正在工作,当prev函数对数字进行切片时,它仍然可以找到正确的图像。另一个简短的提示,因为它可能会有所帮助。我还尝试了代码
var j=$(“.viewer”).attr('src'),它给出消息“未定义”。为迄今为止的帮助干杯。插件作者Dmitry Petrov已经回答了我所追求的功能。答案在上面。
var i = 1;

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