画像スライドのナビゲーション設置

質問

こんにちは。
先ほど質問させて頂き画像スライドは希望通り出来ました。
http://okwave.jp/qa/q7245904.html

$(function(){
var images = $('#setup').find('img'),
max = images.length -1,
current = 0;
images.nextAll().hide();
$('#prev,#next').bind('click', function(e) {
images.eq(current).hide();
if(this.id==='prev'){
if(current > 0)current -=1;
}else{
if(current < max)current +=1;
}
images.eq(current).show();
});
});

html

<div id="setup">
<img src="*****" alt="*" width="*" height="*">
</div>

<span id="prev">前へ</span>
<span id="next">次へ</span>

ナビゲーションも付ける事が出来たんですが、
もう一つ希望があり、質問させて頂きます。

ナビゲーションの「戻るボタン」と「次へボタン」これを
最初の画像が表示されてる時は、戻るボタンを消し、
最後の画像が表示されている場合は次へボタンを消したいです。

わからないながら試行錯誤し、このように書き足してみましたが動きません・・・

$("#prev").ready(function(){
if( $( '#slideImg img:first' ) ) {
$(this).css('display', 'none');
}

$("#next").ready(function(){
if( $( '#slideImg img:last' ) ) {
$(this).css('display', 'none');
}

どうか皆様のお知恵をお貸しください。宜しくお願い致します。

回答No.1

nekomikekamo · ベストアンサー

機能不足でしたね・・・。すみません。
簡単ですが最後の2行を付け足してください。
$(function(){
var images = $('#setup').find('img'),
max = images.length -1,
current = 0;
images.nextAll().hide();
$('#prev,#next').bind('click', function(e) {
images.eq(current).hide();
if(this.id==='prev'){
if(current > 0)current -=1;
}else{
if(current < max)current +=1;
}
current===0 ? $('#prev').hide() :$('#prev').show();//追加
current===max ? $('#next').hide() : $('#next').show();//追加
images.eq(current).show();
});
});

お礼

何回もすみません。ありがとうございます！
あっという間に思い通りの動きが出来ました！
本当に感謝です！