2012-10-01 70 views
1

我正在使用一個按鈕將圖像的狀態從「隱藏」切換到「顯示」。我可以顯示圖像,但是當它們出現時,它們會以垂直對齊方式顯示。我希望圖像能夠水平顯示而不是垂直顯示。我可以使用切換來水平顯示圖像嗎

我的標記是如下

<div class="left ch-ad-profile-left eleven columns"> 
    <button> 
     <div class="boxes-212x100"> 
      <h4 class="blue">Parked Ads</h4> 
      <div class="status-l"> 
       <p>Updates</p> 
       <center><span>18</span></center> 
      </div> 
      <div class="status-r"> 
       <p>Removed</p> 
       <center><span>3</span></center> 
      </div> 
      <div class="clearfix"></div> 
     </div> 
    </button> 
    <script> 
     $("button").click(function() { 
      $(".boxes-112x100-1").slideToggle("slow"); 
     }); 
    </script> 

    <!--end class=boxes-212x100--> 
    <div class="boxes-112x100-1" style="display:none;"> 
     <img src="../../../images/placeholder-small.png" class="" alt=""> 
    </div> 
    <div class="boxes-112x100-1" style="display:none;"> 
     <img src="../../../images/placeholder-small.png" class="" alt=""> 
    </div> 
    <div class="boxes-112x100-1" style="display:none;"> 
     <img src="../../../images/placeholder-small.png" class="" alt=""> 
    </div> 
    <div class="boxes-112x100-1" style="display:none;"> 
     <img src="../../../images/placeholder-small.png" class="" alt=""> 
    </div> 
    <div class="boxes-112x100-1" style="display:none;"> 
     <img src="../../../images/placeholder-small.png" class="" alt=""> 
    </div> 
    <div class="clearfix"></div> 
</div> 

所以,我怎麼能告訴切換,使圖像出現在一個水平線上,而不是verticle線?

回答

0

恐怕你不會有任何內置的方法。你需要使用動畫功能上,或者你需要擴展jQuery的方法來獲取該功能..

您可以使用jQueryUI的或Cycle Plugin實現這一

也有看看這個

jQuery slide left and show