Slidesjs不會使幻燈片可點擊

我已將Slidesjs滑塊嵌入我的網站。我試圖瞭解如何使幻燈片可點擊，因爲即使我已將img元素包裹在錨點元素中，點擊似乎也不能正常工作。Slidesjs不會使幻燈片可點擊

<div id="slides"> 
    <div class="slides_container"> 
     <div><a href="#"><img src="img/slider/slide1.png" alt="Slide #1"></a></div> 
     <div><a href="#"><img src="img/slider/slide2.png" alt="Slide #2"></a></div> 
     <div><a href="#"><img src="img/slider/slide3.png" alt="Slide #3"></a></div> 
     <div><a href="#"><img src="img/slider/slide4.png" alt="Slide #4"></a></div> 
    </div> 
</div>

來源

2012-06-07 haunted85

單擊鏈接時會發生什麼？ – Gchtr

@Purr這個想法是訪問另一個網站上的外部頁面 – haunted85

在這個例子中每張幻燈片指向外部網頁的點擊時：http://slidesjs.com/examples/images-with-captions/

也許你可以嘗試根據這個例子來適應你的代碼。

來源

2012-06-22 16:34:49 Gchtr

做到這一點，但如果我嘗試模仿結構，結果是滑塊經紀人。 – haunted85

它以什麼方式破壞？控制檯中是否有錯誤？也許你可以在你的第一篇文章中添加更多的信息，比如javascript部分，所以你可以嘗試複製你得到的錯誤。 – Gchtr

我在同樣的問題，這是slidesLoaded函數中的'底部'參數。我改變

slidesLoaded: function() { 
     $('.caption').animate({ 
     bottom:0 
     },200); 
    }

到

slidesLoaded: function() { 
     $('.caption').animate({ 
     bottom:-200 
     },200); 
    }

和它的作品。

所以，我有270px幻燈片的高度，我的最終腳本如下所示。

animationStart: function(current){ 
     $('.caption').animate({ 
     bottom:-270 
     },100); 
    }, 
    animationComplete: function(current){ 
     $('.caption').animate({ 
     bottom:-230 
     },200); 
    }, 
    slidesLoaded: function() { 
     $('.caption').animate({ 
     bottom:-230 
     },20); 
    }

來源

2012-10-07 03:01:29 jaypark

這只是z-index的問題，在幻燈片div中設置最高的z-index並將相對位置設置爲如下，你的鏈接現在就ok了。

<div id="slides" style="z-index:9999999; position:relative;"> 
<div class="slides_container"> 
    <div><a href="#"><img src="img/slider/slide1.png" alt="Slide #1"></a></div> 
    <div><a href="#"><img src="img/slider/slide2.png" alt="Slide #2"></a></div> 
    <div><a href="#"><img src="img/slider/slide3.png" alt="Slide #3"></a></div> 
    <div><a href="#"><img src="img/slider/slide4.png" alt="Slide #4"></a></div> 
</div></div>

來源

2013-10-03 03:31:32 MiPhyo

Slidesjs不會使幻燈片可點擊

回答

相關問題