我想從滑塊獲取圖像源？

我想從滑塊獲取當前圖像源。當它的幻燈片圖像源必須在文本框中捕獲，但它只取第一個圖像src而不拍攝後續圖像。我使用pgwSlideshow插件..我想從滑塊獲取圖像源？

HTML代碼，

<div class="cartBgclr"> 
    <a href="#cart" onclick="addToCart(this)"> 
     <div class="enqry-cart enqry-cart1 pull-left"> 
      <i class="fa fa-shopping-cart pull-left" aria-hidden="true"></i> 
      <span class="pull-left">add to enquiry cart</span> 
      <input type="text" name="image-path" class="image-path" value="" /> 
     </div> 
     <h4 style="display:none;">Sandstone</h4> 
    </a> 
      </div> 

<div class="row"> 
    <div class="col-sm-12"> 
     <ul class="pgwSlideshow add-to-cart"> 
      <li><img src="images/sandstone/sandstone1.jpg" alt="" /></li> 
      <li><img src="images/sandstone/sandstone2.jpg" alt="" /></li> 
      <li><img src="images/sandstone/sandstone3.jpg" alt="" /></li> 
      <li><img src="images/sandstone/sandstone4.jpg" alt="" /></li> 
      <li><img src="images/sandstone/sandstone5.jpg" alt="" /></li> 
      <li><img src="images/sandstone/sandstone6.jpg" alt="" /></li> 
     </ul> 
    </div> 
    <div class="pd20"></div> 
</div>

jQuery代碼，

var imgSrc = $('.pgwSlideshow').find('img').attr('src'); 
console.log(imgSrc);

來源

2017-02-13 Mohan

的更多鈔票重複http://stackoverflow.com/questions/3021152/how-to-get-img-inside-a-particular-div -using-jquery –

您需要使用setInterval（）方法獲取屬性。由於幻燈片默認時間間隔的持續時間是3秒，3000ms延遲設定給setInterval

setInterval(function(){ 
    var imgSrc = $(".ps-selected > img").attr("src"); 
    console.log(imgSrc); 
}, 3000);

來源

2017-02-13 13:43:30 Banzay

thx Banzay其工作正常。 – Mohan

這裏的問題是，在jQuery的，有些方法在接受的模式對數組工作，和其他人僅適用於單個元素。該方法attr是一種這樣的方法，所述文檔狀態：

獲得在該組匹配元素的第一元素的屬性的值。

（強調我自己）

因此，在這個例子中它僅會返回第一個元素的src由find返回的集合中。

的pgwSlideshow插件將所有的幻燈片，除了「當前」幻燈片爲display: none，所以你應該能夠通過這個過濾得到src爲「當前」幻燈片，是這樣的：

var imgSrc = $('.pgwSlideshow').find('li').filter(':visible').find('img').attr('src');

你也可以使用插件自己的API - 它有一個getCurrentSlide方法，它返回當前幻燈片的索引。如果你在afterSlide函數中使用了這個，你應該能夠得到當前圖像的src。

來源

2017-02-13 13:17:15 danwellman

它顯示未定義。 – Mohan

我無法找到插件的託管/ CDN版本，所以我無法將CodePen放在一起進行測試。嘗試記錄'$（'。pgwSlideshow'）。find（'li'）。filter（'：visible'）' - 這是否包含任何內容？ – danwellman

我想從滑塊獲取圖像源？

回答

相關問題