スライダからイメージソースを取得したいですか？

Question

スライダーから現在の画像ソースを取得したい。その画像ソースをそのスライドがテキストボックスに取り込まなければならないが、それは最初の画像srcだけを取っており、後続の画像を取っていない。私は

<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); 

Answer 1

setInterval（）メソッドを使用して属性を取得する必要があります。 スライドショーのデフォルトのインターバル期間があるので3Sは、のsetInterval

に3000msの遅延を設定し

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

Answer 2

がここでの問題は、jQueryのでは、いくつかのメソッドがGETモードでのアレイ、およびその他に取り組むということです..

HTMLコードをpgwSlideshowプラグインを使用しています単一の要素に対してのみ動作します。 attr方法は、1つのそのような方法、ドキュメントの状態である：

は、マッチした要素の集合で最初要素の属性の値を取得します。

（強調私自身の）

したがって、この例では、それが唯一のこれまでfindによって返されたセットの最初の要素のsrcを返します。あなたは「現在の」スライドのsrcを取得するには、このことにより、フィルタリングすることができるはずですので

pgwSlideshowプラグインは、display: noneように「現行」のスライド以外のすべてのスライドを設定し、何かのように：

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

また、プラグイン独自のAPIを使用してこれを行うこともできます。現在のスライドのインデックスを返す方法はgetCurrentSlideです。これをafterSlide関数で使用した場合は、現在の画像のsrcを取得できるはずです。