javascript - 使图像卷轴中的图像成为可点击的链接

标签 javascript arrays image

我不是 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/

相关文章:

java - "java.lang.ArrayIndexOutOfBoundsException"数组逻辑问题

java - 使用比较器进行快速排序

image - 将 DICOM 中的体素转换为 mm^3

css - 响应式设计 : fancybox thumbnail gallery , 调整大小并将图像垂直和水平放置在包装器的中心

swift - 拍照允许我在 BSImagePicker Swift ios 中选择超过 maxNumberOfSelections

javascript - Google map API 无法正确加载

javascript - 将 jquery 代码与多个类和 id 合并

JavaScript:针对冗余进行优化(循环 + 开关 + 键/值)

javascript - 使用 strtotime PHP 转换时间

javascript - localeCompare 在对带有前导变音字符的单词进行排序时显示不一致的行为