2012-10-01 72 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

相关问题