如何链接Javascript幻灯片中的单个图像？

所以我相当新的JavaScript。我想添加一个链接到这个幻灯片中的每个图像。只有两个图像。我试图把它们链接起来，就像你在html中使用<a>一样......但是这不起作用，因为它是Javascript。是否有一段简单的代码可以将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: "" 
})

来源

2012-12-31 Mary Anderson

我没有看到您发布的代码有任何问题。也许我没有明白你的观点。 –

幻灯片放映效果非常好。但是，我如何添加超链接到图像？例如[“..Images/slideshow_wakeup.png”]，我可以在旁边添加一些东西，以便链接。例如，他们会点击图片，并将它们带到google.com –

fadeSlideShow（）会做什么？它是你自己的功能还是别人的代码？ – hayavuk

帮助从imagearray阵列的original documentation：

["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个元素。

第一个是图像的地址（如你所知）。
第二个是你点击图片时会打开的链接。
第三个指定链接将如何打开。 _new表示在新窗口/标签上
最后一个参数是将在图像底部显示的文本。

希望这会有所帮助。

来源

2012-12-31 22:59:53

非常感谢。所以这与我想要的方式非常接近。我把这个[“../Images/slideshow_wakeup.png”，“www.google.com”），它看起来很棒，除了它似乎在寻找图片文件夹中的链接或者其他东西。 mywebsite.com/www.google.com，所以它实际上并不链接到网站？我如何使它直接进入google.com？ –

@MaryAnderson只需将绝对URL放在那里。含义：'http：// www .google.com'而不是'www.google.com' –

嗨，我有一个问题....如果您尝试在SlideShow的一个图像中进行映射，我的意思是设置usemap属性。可以这样做吗？谢谢.. – ssierral

如何链接Javascript幻灯片中的单个图像？

回答

相关问题