ساخت یک دکمه که با کلیک یه عکس رو نشون بده

[Morteza.B]

ساخت یک دکمه که با کلیک یه عکس رو نشون بده و عکس با fadin بیاد و ظاهر بشه و با کلیک دوباره عکس بعدی بیاد و عکس قبلی هم باشدش

مرسی

[cyrusthegreat]

دوست عزیز

ما فرض می کنیم که کد Html به این صورت باشه:


<div id="aksha">
<img src="" class="hidden" />
<img src="" class="hidden" />
<img src="" class="hidden" />
<img src="" class="hidden" />
</div>
<input type="submit" value="عکس را اضافه کن" id="addaks">


div#aksha img.hidden {
display: none;
}


خب حالا کد جی کوئری ما می شه این:

$(document).ready(function(){
var i = 0;
$('#addaks').click(function(){
var count = $("#aksha img").size();
if ( i < count ) {
$("#aksha img:eq("i")").fadeIn(200);
i++;
}
});
});