顯示輪播圖像的圖像數量 - jQuery

我正在尋找顯示圖像的數量 - 在一個輪播和哪個圖像編號當前處於活動狀態，例如， 3/5。我使用下面的插件爲響應旋轉木馬：顯示輪播圖像的圖像數量 - jQuery

https://github.com/mrbinky3000/responsive_carousel

我到處都找過如何做到這一點，有沒有運氣，不知道從哪裏開始我的jQuery的知識非常少。任何幫助將非常感激。

這裏是代碼的一個例子，我現在用的旋轉木馬的鏈接：

http://matthewtoledo.com/creations/responsive-carousel/example/example-1.html

來源

2012-11-06 Tyler Almond

你有沒有嘗試ATLEAST'變種圖像= $長度;' – adeneo

什麼碼你有？有多種顯示旋轉木馬的方法。 – Bot

將圖像LI容器位置匹配到.slider-target偏移量。（ '內'， '.slider'）。

HTML

<div class="slider-mask"> 
    <ul class="slider-target"> 
      <li> 
      <img src="img/01.jpg"> 
      </li> 
      <li> 
      <img src="img/02.jpg"> 
      </li> 
      <li> 
      <img src="img/03.jpg"> 
      </li>  
      <li> 
      <img src="img/04.jpg"> 
      </li>          
     </ul> 
     div class="clearfix"></div> 
</div> 

<div id="count"></div>

JQuery的

function matchimage() { 
    var targetposition = Math.abs($('.slider-target').position().left); 
    var matchthis = targetposition; 
    var visible = $('.slider-target li').filter(function() { return $(this).position().left == matchthis }).index(); 
    var total = $('.slider img').length; 
    $("#count").html((visible + 1) + ' of ' + total); 
}

來源

2012-11-06 17:28:27 VIDesignz

以下是我用於傳送帶的代碼示例的鏈接。它沒有隱藏圖像，它們被隱藏在屏蔽格中。 http://matthewtoledo.com/creations/responsive-carousel/example/example-1.html –

我很難得到它的工作。我不完全明白髮生了什麼事。應該匹配var newLeft究竟是什麼意思？我非常感謝幫助，對於jQuery有點慢，表示歉意。 –

@TylerAlmond我必須離開一段時間，當我回來時，我們可以開始聊天，我可以嘗試通過它來幫助你...很酷？ – VIDesignz

下面介紹如何使用jQuery來算一些要素：http://jsfiddle.net/qMeKT/

jQuery的：

var n = $("div img").length; 
jQuery("#count").html(n);

的HTML：

<div class="container"> 
<img src="http://jsfiddle.net/img/logo.png" alt="" /> 
<img src="http://jsfiddle.net/img/logo.png" alt="" /> 
<img src="http://jsfiddle.net/img/logo.png" alt="" /> 
<img src="http://jsfiddle.net/img/logo.png" alt="" /> 
</div>

爲了像3/5或一些這樣的你需要了解哪些因素是當前活動的顯示。在沒有看到您的代碼的情況下，我只能看到滑塊標記哪個元素在循環它們時處於活動狀態。你只需要抓住並使用它。

來源

2012-11-06 17:08:49

顯示輪播圖像的圖像數量 - jQuery

回答

相關問題