スライスボックス、画像をリンクする

Question

私は自分のホームページにスライスボックスを使用していますが、画像を別のページにリンク可能にしたいと考えています。

画像にタグを追加した場合、Sliceboxは読み込まれません！

Doing onclick="redirectPage()"はSliceboxを動作させますが、画像をクリックすると何も起こりません！

誰でも手助けできますか？

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

マイサイト： http://www.genyx.co.uk/

Answer 1

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