Question

如何将所有这些图像链接到一个数组，以便当我点击每张图片幻灯片时此链接可以正常工作

jQuery(document).ready(function() {    
var bgImageArray = ["banner1.jpg", "banner2.jpg", "banner3.jpg"], 
var links = ['http://google.com', 'http://hotmail.com', 'http://yahoo.com', 'http://kimjoyfox.com'],
base = window.location.origin + "/wp-content/themes/fbnquest/img/home/",
secs = 4;
bgImageArray.forEach(function(img){
    new Image().src = base + img; 
    // caches images, avoiding white flash between background replacements

});

Answer 1

我理解您的问题的方法如下：

每次单击其中一个图像时，您希望将用户重定向到其中一个URL，每次用户单击图像时都会更改URL。

这是你想要的吗？如果没有，请您准确解决问题

[编辑]

是的，这是我解决问题的方法，如果你不重要，我不会给你代码，很明显，你这样做是为了培训，让我们这样做：

单击时创建一个eventListener，将触发一个名为ChangeImageUrl的函数（例如），并将该eventListener分配给所有img元素
然后使用imgElement.src创建一个将检测所点击图像的当前URL的函数（我建议你使用split或等效的src字符串，这样你可以通过索引直接访问当前的url ）
获得URL后使用yourUrlArray.indexOf（currentImageSrcUrl），捕获数组中当前URL的索引，将其存储并递增（如果增量值高于URL数组长度，则为奖励，将其设为0）
使用yourUrlArray [newindex]
为当前的img元素分配我们提取的新src

告诉我这个答案对你有好处，我希望它会

Answer 2

我试图了解你真正想要的是什么，我做了一件我希望帮助你的事情。

在循环内部，您可以通过以下方式进行操作。

var i = new Image();
i.src = base + img;

如何将所有这些图像与数组链接

2 个答案: