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不会使幻灯片可点击

回答

相关问题