4

Flexislider を使用して画像をスライドさせています。

私のHTMLコードは次のとおりです。

    <ul class='slides'>
    <li class="slide-two" >
        <div class="flex-div slide-stones2">
          <div class="slide-footsteps"> 
            <p>
                <span class="brown-bg">Take the steps to be who you want to be...</span>
            </p>
          </div>
          <div class="backstretch"> 
                     <img  src="img/massage-slider/slide-footsteps.jpg"/>
              </div>
       </div>
    </li>
 <ul>

私はこのようなセレクタを追加しようとしています:

$(document).ready(function() {
                $('.flexslider').flexslider({
                    selector : ".slides>li>div>div>img",
                    animation : "slide",
                    controlsContainer : ".flex-container"
                });
            });
4

6 に答える 6

2

これが問題のようです

セレクター付きです

selector : ".slides>li>div>div>img",

察するに

selector : ".slides > ul > li > div > div.backstretch > img",
于 2013-05-22T20:02:37.653 に答える
0

ねえ、パスに 2 つの div があります.slides > li > div

今、あなたはちょうど書いています.slides > li > div > div > img

最初のdivで画像を見つけようとするので、このようにdivを定義する必要があります

.slides > ul > li > div > .backstretch > img

于 2013-05-29T21:42:11.997 に答える
0

zonemedia.skで確認しました

HTML:

  <div class="flexslider">
      <ul class="slides">
           <li><img src="img" alt="" /></li>
           <li><img src="img" alt="" /></li>
           <li><img src="img" alt="" /></li>
           <li><img src="img" alt="" /></li>
       </ul>
   </div><!-- .flexslider -->

JS:

$('.flexslider').flexslider({
        animation: "slide",
        controlNav: false,
        smoothHeight: true,
        useCss: true,
        touch: true,
        before: function(){
            $('body').each(function () {
              var $spy = $(this).scrollspy('refresh');
            });
        },
        start: function(){
            $('body').each(function () {
              var $spy = $(this).scrollspy('refresh');
            });
        },
        added: function(){
            $('[data-spy="scroll"]').each(function () {
              var $spy = $(this).scrollspy('refresh');
            });
        }
      });
于 2013-05-31T16:05:08.300 に答える
0

selector : ".slides>li>div>div"1つの画像にスライダーを使用しないため、あなたが探しているものだと思います. <div>含まれているIEをターゲットにすると機能するはずです。である必要はありません<li>。<img>タグがターゲット セレクターであるケースは見たことがありません。

https://github.com/woothemes/FlexSlider/wiki/FlexSlider-Properties

于 2013-05-27T05:52:16.853 に答える