在上一个/下一个库中使用jquery从数组更改URL
我有一个非常简单的“上一张/下一张”照片库,我还想更改每张照片的URL,这是一个指向更大图像的lightbox链接在上一个/下一个库中使用jquery从数组更改URL,jquery,arrays,Jquery,Arrays,我有一个非常简单的“上一张/下一张”照片库,我还想更改每张照片的URL,这是一个指向更大图像的lightbox链接 var img = [ "images/railing.jpg", "images/stairwell.jpg", "images/sunset_railing.jpg", "images/sunset_house.jpg" ]; img.current = 0; function showImage(i) { $("#imag").fadeOut( func
var img = [
"images/railing.jpg",
"images/stairwell.jpg",
"images/sunset_railing.jpg",
"images/sunset_house.jpg"
];
img.current = 0;
function showImage(i) {
$("#imag").fadeOut( function() {
this.src = img[img.current];
$(this).fadeIn();
});
}
function NextImage() {
img.current = (img.current+1) % img.length;
showImage(img.current);
}
function PreviousImage() {
if (--img.current < 0)
img.current = img.length - 1;
showImage(img.current);
}
onload = function() {
showImage(0);
};
var-img=[
“images/railing.jpg”,
“images/stairwell.jpg”,
“images/sunset_raily.jpg”,
“images/sunset_house.jpg”
];
img.current=0;
函数showImage(i){
$(“#imag”).fadeOut(函数(){
this.src=img[img.current];
$(this.fadeIn();
});
}
函数NextImage(){
img.current=(img.current+1)%img.length;
显示图像(img.current);
}
函数PreviousImage(){
如果(--img.电流<0)
img.电流=img.长度-1;
显示图像(img.current);
}
onload=函数(){
showImage(0);
};
这在页面上通过使用NextImage和PreviousImage函数的按钮调用,它可以漂亮地更改图像:
<a href="images/railing_detail.jpg" rel="lightbox">
<img src="images/railing.jpg" alt="railing" name="BlackImage"
border="0" id="imag" />
</a>
我还希望能够同时更改链接的href值,但无法找到解决此问题的最佳方法。使用{}符号而不是[]创建img数组的映射,例如
var img = {
"images/railing.jpg" : "link",
"images/stairwell.jpg" : "link",
.. etc
};
回复您的第一条评论,如果必须将img+链接分配给索引,您可以尝试
var img = [
{"images/railing.jpg" : "link"},
{"images/stairwell.jpg" : "link"},
.. etc
];
或
img[0][0]
是的“images/raily.jpg”
,img[0][1]
是链接到的“images/raily.jpg”
用你喜欢的我也想要全世界的和平。你试图解决什么问题?您阅读过jquery官方文档和众多指南吗?如果
href
与src
相同,只需使用$(this.nexist('a').attr('href',img[img.current])代码>在showImage
函数中。我曾尝试使用split()创建我的href,但无法将其集成到showImage函数中而不破坏它<代码>文件名=img[img.current].split(/'。/)代码>$(“#lnk”).attr(“href”,文件名[0]+“_detail.jpg”)代码>如何在我的原始代码中调用数组的[0]和[1]元素?谢谢dbf。我使用了您的上一个选项,并将函数中的变量调用为this.src=img[img.current][0]
和$(“#lnk”).attr(“href”,img[img.current][1])代码>。。。很好!
var img = [
["images/railing.jpg","link"],
["images/stairwell.jpg", "link"],
.. etc
];