Vardars Blog

Programming, Karikatür, Web etc.

Ağustos, 2008 için Arşiv

Çoklu JavaScript Resim Listesi [SlideShow]

Yazan: vardars 13 Aug 2008

Birkaç resmi tek pencerede sayfa yeniden yüklenmeden göstermenize yardımcı olabilecek kendi yazdığım bir javascript kodudur. Uygularken resimlere link olarak
idsini "aSlideShow" ve onClick eventini "changePicture('BURAYA RESMİN IDSİ','RESİM URLSİ',BURAYA DA RESİM NOSU);" vermeniz yeterlidir.

Kodu </body> tagından sonra 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

Yazı kategorisi: Software | Etiketler: , , , , , , , | » yorum bırak;