Slicebox,链接图像

时间:2012-02-08 00:36:23

标签: javascript gallery

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

如果您向图像添加标签,则不会加载Slicebox!

执行onclick="redirectPage()"会使Slicebox正常工作,但单击图像时没有任何反应!

有人可以帮忙吗?

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

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

1 个答案:

答案 0 :(得分:0)

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");
});