我不是 Javascript 及其工作方面的专家,所以我只使用我在网上找到的脚本。至于这个连续图像卷轴代码我找到了here .
问题是,我想添加图像链接。
<script type="text/javascript">
var firstreel=new reelslideshow({
wrapperid: "myreel", //ID of blank DIV on page to house Slideshow
dimensions: [800, 200], //width/height of gallery in pixels. Should reflect dimensions of largest image
imagearray: [
["https://dl.dropbox.com/s/f7lt5o64j20143z/Reel-Welcome.png"], //["image_path", "optional_link", "optional_target"]
["https://dl.dropbox.com/s/v98on8f0qi6re57/Reel-Secret.png", "suppose i put my desired url here", "_new"]
//<--no trailing comma after very last image element!
],
displaymode: {type:'auto', pause:5000, cycles:0, pauseonmouseover:true},
orientation: "h", //Valid values: "h" or "v"
persist: false, //remember last viewed slide and recall within same session?
slideduration: 400 //transition duration (milliseconds)
})
</script>
我尝试使用第二张图片,当我右键单击它时,可以看到包括“在新选项卡中打开链接”的选项。不过,我想要的是,只需单击图片即可定向到该链接。
我还尝试使用 <a>
包装图像 URL。标签,但当然这不起作用(我现在听起来一定很有趣和白痴,很抱歉,但我实际上不知道我在做什么)。
这可能吗?先感谢您! :)
编辑:这是向您展示我在说什么的预览。 http://scarlethowl.blogspot.com/
最佳答案
欢迎来到堆栈溢出... 您的问题不清楚...您是否想在单击图像时访问某个网址? 我们假设图片是:1.jpg 链接是:www.google.com 代码如下:
<a href="http://www.google.com"><img src="1.jpg"></a>
关于javascript - 使图像卷轴中的图像成为可点击的链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24324977/