JavaScript ile Çoklu Resim Listesi [SlideShow]

Birkaç resmi tek pencerede sayfa yeniden yüklenmeden göstermenize yardımcı olabilecek kendi yazdığım bir javascript kodudur. Uygularken resimlere idsini “aSlideShow” ve onClick eventini “changePicture(‘RESIM_ID’,’RESIM_URL’,RESIM_NO);” vermeniz yeterlidir.

Kodu </body> tagından önce koymanız gerekmektedir.
<script type=“text/javascript”>
var lastID = 0;
var lastHref = document.getElementById(‘aSlideShow‘).href;
pic1= new Image(100,25);
//Bu yükleniyor dosyasıdır. Uygun bir resimle değiştiriniz.
pic1.src = “images/loading.gif”;

function changePicture(objImg, picture, aID)
{
document.getElementById(objImg).src = ‘images/loading.gif’;
document.getElementById(objImg).src = picture;
if(lastID != 0)
{

//document.getElementById(“a” + lastID).addAttribute(“href”);
document.getElementById(“a” + lastID).href = lastHref;

lastID = aID;
lastHref = document.getElementById(“a” + aID).href;
document.getElementById(“a” + aID).removeAttribute(“href”);
}
else
{
lastID = aID;
lastHref = document.getElementById(“a” + aID).href;
document.getElementById(“a” + aID).removeAttribute(“href”);
}
}
</script>

İyi çalışmalar

Leave a Reply

Please log in using one of these methods to post your comment:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s