如何在Javascript幻灯片单个图像链接?(How to link individual ima

2019-11-01 08:03发布

所以,我是相当新的JavaScript。 我想补充在此幻灯片链接到每个图像。 只有两个图像。 我试图给他们就像你使用一个链接<a>在HTML ...但没有奏效,因为它的JavaScript。 有一个简单的代码行,我可以添加到每个单独的图像在JavaScript幻灯片到不同的网站链接? 非常感谢。 任何反馈是非常赞赏。

这里是我的代码。 由于从dynamicdrive.com帮助

var mygallery=new fadeSlideShow({
    wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow
    dimensions: [1024, 511], //width/height of gallery in pixels. Should reflect dimensions of largest image
    imagearray: [
        ["../Images/slideshow_wakeup.png"],
        ["../Images/slideshow_2.png"]
        <!--["newappvantagemobile.com/images/slideshow_3.png"]-->
         //<--no trailing comma after very last image element!
    ],
    displaymode: {type:'auto', pause:4500, cycles:0, wraparound:false},
    persist: false, //remember last viewed slide and recall within same session?
    fadeduration: 900, //transition duration (milliseconds)
    descreveal: "ondemand",
    togglerid: ""
})

Answer 1:

从原始文件的的imagearray数组:

["path_to_image", "optional_url", "optional_linktarget", "optional_description"]

所以,你需要改变imagearray阵列这样:

imagearray: [
         ["../Images/slideshow_wakeup.png"], "../Images/slideshow_wakeup.png", "_new", "Some text to describe the image."],
        ["../Images/slideshow_2.png", "../Images/slideshow_2.png", "_new", "Some text to describe the image."],
        <!--["newappvantagemobile.com/images/slideshow_3.png"]-->
         //<--no trailing comma after very last image element!
    ],

我将解释它。 该阵列具有4个元素。

  1. 第一个是图像的地址(如你已经知道)。
  2. 第二个是当你点击图像将被打开的链接。
  3. 第三个指定如何链接将被打开。 _new意味着一个新窗口/标签上
  4. 最后一个参数是,其将在图像的底部中示出的文本。

希望这可以帮助。



文章来源: How to link individual images in Javascript Slideshow?