1

Slidesjsスライダーを自分のWebサイトに埋め込みました。スライドをクリック可能にする方法を理解しようとしています。これは、img要素をアンカー要素でラップしても、クリックが正しく機能しないように見えるためです。

<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>
4

3 に答える 3

1

それは単なるz-indexの問題です。スライドdivで最高のz-indexを設定し、位置を次のように相対的に設定すると、リンクは問題なく動作します。

<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-03T03:31:32.247 に答える
1

私は同じ問題を抱えています.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-07T03:01:29.980 に答える
0

この例では、すべてのスライドがクリックされたときに外部の Web ページを指しています: http://slidesjs.com/examples/images-with-captions/

おそらく、この例に従ってコードを適応させることができます。

于 2012-06-22T16:34:49.243 に答える