我在我的主页上使用了slicebox,但我想让图像链接到不同的页面。
如果您向图像添加标签,则不会加载Slicebox!
执行onclick="redirectPage()"
会使Slicebox正常工作,但单击图像时没有任何反应!
有人可以帮忙吗?
http://tympanus.net/codrops/2011/09/05/slicebox-3d-image-slider/
我的网站: http://www.genyx.co.uk/
答案 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");
});