2011-10-19 8 views
2

私はgalleria jqueryプラグインを使用しています。jquery galleriaの中の要素を含むdivをどのようにスライドさせるのですか?

私はクラス「カルーセル」を持つdivを持っていますが、このdivにはその下にdivを持つ可能性のあるdivが多数あります。以下を参照してください。基本的には

<div class="carousel"> 
    <div class="img" style="background-image: url('some/bg/image.png');"> 
     <div class="info_item"> 
      <div class="ex">exclusive screening</div> 
      <div class="movie_t"><a href="/events/view/2/title">Title</a></div> 
      <div class="movie_w">Date: Location></div> 
      <div class="av">AVAILABILITY: tickets</div> 
     </div><!-- .info_item --> 
    </div><!-- End of div .img --> 
</div> <!-- End of .carousel --> 

を、今私はこのコードを実行すると:

$(".carousel").galleria({ 
       width: 768, 
       height: 209, 
       thumbnails: false, 
       autoplay: 4000, 
       imageCrop: false, 
       showCounter: false 
     }); 

をしかし、このいずれか2つのことを行います。画像が表示されず、「黒/空白」または画像が表示されますが、その中のdivは表示されません(div .imgにオーバーレイされるテキスト)。

何が間違っているのですか?どうすればこれを簡単に達成できますか?私は基本的にスライダーを必要とします。スライダーを完全にカスタマイズすることができます。可能であれば、galleriaに滞在したいと思います。

答えて

1

問題が見つかりました.Galleriaは画像のみをサポートし、カルーセル内のdivやその他の要素は厳密にはサポートしていません。
「画像スライダ」ではなく「jQueryコンテンツスライダ」を検索する必要がありました。

これは、同じ問題を抱えている人に役立ちます。

ギャラリアは画像のみに使用され、divやその他のすべてのコンテンツにはコンテンツスライダーが必要です。

関連する問題