2017-06-20 9 views
0

私はそれを追加したい多分私の解決策は、最高のものではありません...ショー特定の応答の画像は

私は(ブートストラップ-3.1.1を使用して)1ページ

オーバー応答画像タグのカップルを持っています
<a><img src="" id="Id1" class="img-responsive" alt="" /></a> 
<a><img src="" id="Id2" class="img-responsive" alt="" /></a> 
<a><img src="" id="Id3" class="img-responsive" alt="" /></a> 

I have also pagination on this page 

<nav aria-label="Page navigation"> 
<ul class="pagination" id="pagination"></ul> 
</nav> 

ページングのすべてのクリックで、データベースから写真を取得しています。私のページングが壊れているため、データベースのデータが来る前にすべての写真を非表示にする必要があります。また、データベースに画像が残っていない場合は、非表示にしたい小さなアイコンが表示されます:

$('.img-responsive').attr('src', 'images/1px.png'); 

そして、ここでは、私が最初の写真を非表示にすると

応答するように、すべての「ページ」に、同じ時間に提示することがないしたい問題は、それを処理する方法を私に教えてくださいいます。最初のものを除いて、すべての.img-responsiveをターゲットに

+0

を使用しますが、 '$を試して、おそらくです( 'IMG-応答:ありません(:最初の) ')。attrの(' SRC'、「画像/ 1px.png '); ' –

+0

ありがとうございます!!! – NDym

+0

ああ、私は答えを提出します。 –

答えて

0

、あなたは$.first()または:first$.not()または:notを使用することができます。最短の方法は、私が最終目標を理解していないことを確認

$('.img-responsive:not(:first)').attr('src', 'images/1px.png');