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

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 Elements

• 然后创建一个可以使用imgelement.src来检测单击图像的当前URL的函数（我建议您使用split或等效词来驱散SRC字符串，这样您就可以通过索引当前url直接访问）

• 拥有URL后，请使用yoururlarray.indexof（CurrentImagesRcurl），以捕获数组中当前URL的索引，将其存储并增加（如果增量值大于URL阵列长度，将其设置为0）

• 使用YourUrlarray [NewIndex]

访问新的SRC

• 分配当前IMG元素我们Juste提取的新SRC

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

Answer 2

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

在循环的内部您可以在下面以这种方式进行操作。

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