切片盒，链接图像

Slicebox, Linking the images

本文关键字：图像 链接 切片      更新时间：2023-09-26

我在主页上使用slicebox，但我想让图像可以链接到不同的页面。

如果您将标签添加到图像中，则不会加载Slicebox！

执行onclick="redirectPage()"可以使Slicebox工作，但单击图像时不会发生任何事情！

有人能帮忙吗？

http://tympanus.net/codrops/2011/09/05/slicebox-3d-image-slider/

我的网站：http://www.genyx.co.uk/

HTML:

<div id="sb-slider" class="sb-slider">
    <img src="images/1.jpg" data-page="/page1.html" title="Creative Lifesaver"/>
    <img src="images/2.jpg" data-page="/page2.html" title="Honest Entertainer"/>
    <img src="images/3.jpg" data-page="/page3.html" title="Brave Astronaut"/>
    <img src="images/4.jpg" data-page="/page4.html" title="Affectionate Decision Maker"/>
    <img src="images/5.jpg" data-page="/page5.html" title="Faithful Investor"/>
    <img src="images/6.jpg" data-page="/page6.html" title="Groundbreaking Artist"/>
    <img src="images/7.jpg" data-page="/page7.html" title="Selfless Philantropist"/>
</div>

JS:

$("#sb-slider img").click(function(){
   window.location.href = $(this).attr("data-page");
});
相关文章：