0

ページの起動時にギャラリー カルーセルを非表示にして、ユーザーがボタンをクリックした場合にのみ表示するにはどうすればよいですか?

スタイル display:none を固定バー クラスに追加すると、ギャラリーは開きますが、画像は表示されません。

これが私のコードです：

ボタン：

<a onclick="$('.fixed-bar').toggle('slow');" data-icon="grid" data-iconpos="notext" class="ui-btn-right" data-inline="true" data-direction="reverse"        style="margin-right:70px" data-transition="none" data-position-to="window">Paginas</a>

ギャラリー:

<div class="container demo-3">
            <div class="main">
                  <div class="fixed-bar">
              <ul id="carousel" class="elastislide-list">
     <li><a href="#p1"><img src="imagens/paginas/1.jpg" /></a></li>
  <li><a href="#p2"><img src="imagens/paginas/2.jpg" /></a></li>
  <li><a href="#p3"><img src="imagens/paginas/3.jpg" /></a></li>
  <li><a href="#p4"><img src="imagens/paginas/4.jpg" /></a></li>
  <li><a href="#p5"><img src="imagens/paginas/5.jpg" /></a></li>
  <li><a href="#p5"><img src="imagens/paginas/6.jpg" /></a></li>
  <li><a href="#p5"><img src="imagens/paginas/7.jpg" /></a></li>
  <li><a href="#p6"><img src="imagens/paginas/8.jpg" /></a></li>
                         </ul>
               </div>     
        </div>
  </div>

脚本：

 $( '#carousel' ).elastislide( {
    minItems : 2
    } );
4

0 に答える 0