如何在滑蓋加頂邊距的圖像

Question

好傢伙我有一個圖像滑塊

<div class="callbacks_container"> 
<ul id="slider1" class="rslides"> 
<li id="transparent-btns1_s0" class="fluidratio transparent-btns1_on" style="display: block; float: left; position: relative; opacity: 1; z-index: 2; transition: opacity 500ms ease-in-out 0s;"> 
<div id="bg"> 
<img class="thumb" > 
</div> 
</li></ul</div> 

，我已經爲上述

.callbacks_container { 
    float: left; 
    position: relative; 
    width: 100%; 
} 

.rslides { 
    list-style: none outside none; 
    margin: auto; 
    overflow: hidden; 
    padding: 0; 
    position: relative; 
    width: 100%; 
} 

下面CSS以下DIV格式jQuery腳本是這樣

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
<script defer src="http://wstation.inmomundo.com/static01/scripts/responsiveslides.min.js"></script> 
<script> 

$(window).load(function() { 

var h = $('.rslides ').find('img').outerHeight(true); 
if(h<290) 
{ 
    var m = 290-h; 
     m = m/2; 
$('.thumb').css('margin-top', +m + "px"); 
} 
$("#slider1").responsiveSlides({ 

     auto: false, 
     pager: true, 
     nav: true, 
     speed: 500, 
     maxwidth: 540, 
     namespace: "transparent-btns" 
     }); 
     }); 

</script> 

我的問題是，我已經加入腳本來檢查圖像，然後廣告的高度d相應的上限。這個工作只針對滑塊的第一個圖像，當頁面加載時，它會起作用，但之後所有下一個圖像都保持不變。我應該如何處理滑塊中的所有圖像。

感謝

Answer 1

第一件事：你與你的標記錯誤，UL關閉標籤的格式不正確。

，需要在每個拇指遍歷並分別制定出高度和這樣的區別：

$(window).load(function() { 

    var images = $('.rslides ').find('img'); 

    images.each(function(){ // jQuery each loops over a jQuery obj 

     var h = $(this).outerHeight(true); // $(this) is the current image 
     if(h<290) 
     { 
      var m = 290-h; 
       m = m/2; 
      $(this).css('margin-top', +m + "px"); 
     } 

    }); 

    $("#slider1").responsiveSlides({ 

      auto: false, 
      pager: true, 
      nav: true, 
      speed: 500, 
      maxwidth: 540, 
      namespace: "transparent-btns" 
    }); 
}); 

這裏有一個的jsfiddle，注意到每個圖像現在怎麼樣有一個保證金頂部：

http://jsfiddle.net/chrissp26/9JLxE/