MyDesign | Kod Arşivi - Anasayfaya Dön   No banner in farm
Anasayfa Araştır Forum Gelişmiş Arama Siteniz İçin En Hit İçerikler RSS İçerik Ekle Scriptler Destekleyenler Kadromuz Reklam İletişim Giriş Sayfası Yap  Sık Kullanılanlara Ekle
Bu Kategorinin En Yeni Kodları:


Bu Kategorinin En Çok Görüntülenen Kodları:






Arama:
Gelişmiş Arama


No banner in farm



En Çok Görüntülenen Kodlar:


Üye Girişi:
 Üye Ol



Anasayfa > JavaScript > Kodlar

Resimlerle slayt gösterisi

Dizi içindeki resimleri slayt şeklinde gösteren JavaScript örneği

Kategori : JavaScript
Gönderen : mYavuz
Telif :
Tarih : 17 Nisan 2006
Örnek Dosya : Bulunmamakta
Okunma Sayısı : 97568
Puan
: 7,3 / 10 (106 Oy)
Puan Verin :
Google Bookmarks  del.icio.us  Digg  Yahoo! MyWeb  Windows Live  Furl
 
 
<script type="text/javascript">
    <!--

    if (document.images)
    {
      preload_image_object = new Image();
      // set image url
      image_url = new Array();
      image_url[0] = "http://mydomain.com/image0.gif";
      image_url[1] = "http://mydomain.com/image1.gif";
      image_url[2] = "http://mydomain.com/image2.gif";
      image_url[3] = "http://mydomain.com/image3.gif";

       var i = 0;
       for(i=0; i<=3; i++) 
         preload_image_object.src = image_url[i];
    }

    //-->
    </script>
 
 

Resimlerle slayt gösterisi için yazılan yorumlar

ayhan  { 16 Kasım 2014 }
ben yaptım oldu fakat g satırında sorun var

semra ince  { 08 Ocak 2014 }
yaw walla sizin bu yorumlara kattıklarınız daha güzel :)

Pervin  { 19 Aralık 2013 }
arkadas scripti kullanan zaman <head>
script kodu burada olmali<head>

yılmaz  { 22 Mayıs 2013 }
resimli anlatım yapa bilirmisiniz

arjiyan  { 03 Mart 2012 }
arkadaşlar merhaba. ben de bu işe yeni başlayanlardanım. arkadaşların verdiği örnekler güzel. emeklerine sağlık. ama maalesef ki çalışmıyor bunlar :) belki de benim acemiliğim. slaytı bir türlü yapamadım:)

şehmus  { 13 Şubat 2012 }
emeği geçen arkdaşlara teşekkürler

barış  { 30 Kasım 2011 }
tamamda arkadaşlar bazı kodların kullanılması deneme süresi diye veriyorlar bildiğim kadarıyla(izin alınmadan kullanılamaz ) diyebiliyorum foto sliyder kodlarıda buna giriyormu teşekkürler

Emre KIZIL  { 16 Kasım 2011 }
Bu yazdığınız kodlardan daha güzel bir kod bence hepsine 5 basar..


<table>

</marquee></td>
<td width="100%">
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber5">

<p align= "center">Hizmet Galerimizden</p>

<table border='0' width="100%" height='10' background='images/serit.jpg'><tr><td><MARQUEE behavior=alternate onmouseover=this.stop() onmouseout=this.start() scrollAmount=2 scrollDelay=30 direction=right width= 480px>
<table border='2' bgcolor=''> <tr>

<td><center><a href='http://www.pinyataparty.com/hizmet.asp?ctno=960317'><img src='http://www.pinyataparty.com/content/urunler/sisme_oyun_parki_kiralama.jpg' border='0' width='120' height='90' alt='ŞİŞME OYUN PARKI KİRALAMA' /></a></center></td>

<td><center><a href='http://www.pinyataparty.com/hizmet.asp?ctno=905889'><img src='http://www.pinyataparty.com/content/urunler/Ahsap_Sandalye_kiralama.jpg' border='0' width='120' height='90' alt='SANDALYE MASA KİRALAMA HİZMETİ' /></a></center></td>

<td><center><a href='http://www.pinyataparty.com/hizmet.asp?ctno=636415'><img src='http://www.pinyataparty.com/content/urunler/en8y8vd1nt59pm5i.JPG' border='0' width='100' height='90' alt='PAMUK ŞEKERCİ, POPCORNCU, MACUNCU' /></a></center></td>

<td><center><a href='http://www.pinyataparty.com/hizmet.asp?ctno=439097'><img src='http://www.pinyataparty.com/content/urunler/919e5g4kgvmqvqin.jpg' border='0' width='120' height='90' alt='ŞİRKET PİKNİK ORGANİZASYONLARI' /></a></center></td>

<td><center><a href='http://www.pinyataparty.com/hizmet.asp?ctno=948814'><img src='http://www.pinyataparty.com/content/urunler/Resim%20994.jpg' border='0' width='120' height='90' alt='ŞİRKET ORGANİZASYONLARI' /></a></center></td>

<td><center><a href='http://www.pinyataparty.com/hizmet.asp?ctno=933515'><img src='http://www.pinyataparty.com/content/urunler/5ob8r5b73v6os72q.jpg' border='0' width='120' height='90' alt='KOKTEYL ORGANİZASYONLARI' /></a></center></td>

<td><center><a href='http://www.pinyataparty.com/hizmet.asp?ctno=932024'><img src='http://www.pinyataparty.com/content/urunler/açılış%20organizasyonu_balon%20süsleme.jpg' border='0' width='100' height='90' alt='AÇILIŞ ORGANİZASYONLARI' /></a></center></td>

<td><center><a href='http://www.pinyataparty.com/hizmet.asp?ctno=779255'><img src='http://www.pinyataparty.com/content/urunler/tahtereven_yeniçeri_askerleri.jpg' border='0' width='120' height='90' alt='SÜNNET DÜĞÜN ORGANİZASYONLARI' /></a></center></td>

</table>
</tr></table>
</marquee>


</td>
</tr>
</table></td>

aydın  { 28 Şubat 2011 }
ben wep sıteme resımlerden slayt yapmak ıstıyorum ve ılk wep sıte olusturmam bana bu konuda yardımcı olurmusunuz..

gül  { 13 Aralık 2010 }
kodlar harika calısıyor tam istediğim gibi tesekkürler sormak istediğiniz birşey olursa yardimci olunur :D

gül  { 13 Aralık 2010 }
resmin url sini almanız icin illaki nette olması gerekmez resmin üzerinde sağa tıklayıp özelliklere girin orda konum yazan yeri kopyalayın :D

safa  { 30 Ekim 2010 }
hiçbir sorun yok kodlarda.sadece resimlerin boyutları brazdaha büüyk olsa iyi olrdu bide hızıı

comp.  { 22 Temmuz 2010 }
<html>
<head>
</head>
<body>
<marquee scrollamount="1" scrolldelay="40" top="0" left="30" frameborder="0" onmouseout_fckprotectedatt=" onmouseout=" onmouseover_fckprotectedatt=" onmouseover=">
<a target="_blank" href="urunler/a.jpg"><img height="91" alt="" width="118" src="urunler/a.jpg" /></a>
<a target="_blank" href="URL ADRESİ"><img height="91" alt="" width="118" src="urunler/b.jpg" /></a>
<a target="_blank" href="URL ADRESİ"><img height="91" alt="" width="118" src="urunler/c.jpg" /></a>
<a target="_blank" href="URL ADRESİ"><img height="91" alt="" width="118" src="urunler/d.jpg" /></a>
<a target="_blank" href="URL ADRESİ"><img height="91" alt="" width="118" src="urunler/e.jpg" /></a>
<a target="_blank" href="URL ADRESİ"><img height="91" alt="" width="118" src="urunler/f.jpg" /></a>
<a target="_blank" href="URL ADRESİ"><img height="91" alt="" width="118" src="urunler/g.jpg" /></a>
<a target="_blank" href="URL ADRESİ"><img height="91" alt="" width="118" src="urunler/h.jpg" /></a>
<a target="_blank" href="URL ADRESİ"><img height="91" alt="" width="118" src="urunler/ı.jpg" /></a>
</marguee>
</body>
</html>


html,head,body taglarını eklerseniz bu olur. ben daha önceki kodun üzerinde bu tagları ekledim. siz sadece resim linklerini değiştirin. kendi istediğiniz resim kodlarını "urunler/f.jpg" yerine ekleyin yeter.

Yunus  { 13 Mayıs 2010 }
arkadaşlar bu slayt değilki sadece normal basit marquee kodu bunu sizde çok basit birşeykilde yapabilirsiniz.



<marquee scrollamount="1" scrolldelay="40" top="0" left="30" frameborder="0" onmouseout_fckprotectedatt=" onmouseout=" onmouseover_fckprotectedatt=" onmouseover=" height="199" width="276">
<a target="_blank" href="urunler/a.jpg"><img height="91" alt="" width="118" src="urunler/a.jpg" /></a>
<a target="_blank" href="URL ADRESİ"><img height="91" alt="" width="118" src="urunler/b.jpg" /></a>
<a target="_blank" href="URL ADRESİ"><img height="91" alt="" width="118" src="urunler/c.jpg" /></a>
<a target="_blank" href="URL ADRESİ"><img height="91" alt="" width="118" src="urunler/d.jpg" /></a>
<a target="_blank" href="URL ADRESİ"><img height="91" alt="" width="118" src="urunler/e.jpg" /></a>
<a target="_blank" href="URL ADRESİ"><img height="91" alt="" width="118" src="urunler/f.jpg" /></a>
<a target="_blank" href="URL ADRESİ"><img height="91" alt="" width="118" src="urunler/g.jpg" /></a>
<a target="_blank" href="URL ADRESİ"><img height="91" alt="" width="118" src="urunler/h.jpg" /></a>
<a target="_blank" href="URL ADRESİ"><img height="91" alt="" width="118" src="urunler/ı.jpg" /></a>
</marquee>

hack   { 15 Mart 2010 }
kodda ufak bir hata var o yüzden çalışmıyor

mehmet   { 08 Mart 2010 }
ya ben kodları denedim ama hiç bi sonuç elde edemedim

Mehmet   { 11 Aralık 2009 }
</marquee> ile kapatın kodu

gökhan   { 10 Aralık 2009 }
tarkan arkaşın verdiği kodlar da url adresi olan yerler için resimlerinizin web de yüklü olması ve url si gerekiyor

src="urunler.jpg" olan bölümler diyor ama verdiği kodun 3. satırında da bir sorun var gibi görünüyor.
ilk resim çalışmaz.

kadir   { 10 Ekim 2009 }
teekkürler kardeşim programcı olanların anlayabileceği basit ama işe yarar kodlar ;)

Tarkan   { 28 Temmuz 2009 }
<marquee scrollamount="1" scrolldelay="40" top="0" left="30" frameborder="0" onmouseout_fckprotectedatt=" onmouseout=" onmouseover_fckprotectedatt=" onmouseover=">
<a target="_blank" href="urunler/a.jpg"><img height="91" alt="" width="118" src="urunler/a.jpg" /></a>
<a target="_blank" href="URL ADRESİ"><img height="91" alt="" width="118" src="urunler/b.jpg" /></a>
<a target="_blank" href="URL ADRESİ"><img height="91" alt="" width="118" src="urunler/c.jpg" /></a>
<a target="_blank" href="URL ADRESİ"><img height="91" alt="" width="118" src="urunler/d.jpg" /></a>
<a target="_blank" href="URL ADRESİ"><img height="91" alt="" width="118" src="urunler/e.jpg" /></a>
<a target="_blank" href="URL ADRESİ"><img height="91" alt="" width="118" src="urunler/f.jpg" /></a>
<a target="_blank" href="URL ADRESİ"><img height="91" alt="" width="118" src="urunler/g.jpg" /></a>
<a target="_blank" href="URL ADRESİ"><img height="91" alt="" width="118" src="urunler/h.jpg" /></a>
<a target="_blank" href="URL ADRESİ"><img height="91" alt="" width="118" src="urunler/ı.jpg" /></a>

buyrun arkadaslar umarım işinize yarar src="urunler.jpg" bole olan yerlerı kendı url adreslerınızı yasmanız yeterlı olacaktır ....




gokhan   { 09 Mayıs 2009 }
Calismiyor :S:S

berfin   { 23 Şubat 2009 }
kodları denedim ama çalışmadı

Tsunamyy   { 13 Kasım 2008 }
kod çalışmıyor :(

emre   { 19 Ocak 2008 }
merhaba, kodları denedim ama olmadı bir türlü. acaba dikkat etmemiz gereken ama gözden kaçırdığımız birşey mi var? cevaplarsanız sevinirim

rohan   { 14 Ekim 2007 }
örnek olarak vermişsiniz ama eksik galiba. bir türlü yapamadım. bende bu kod vardı ama kabettim şimdi bulamıyorum :(

dexterous   { 29 Haziran 2007 }
ben yapamadım yardımcı olursanız sevinirim....

Yorum ekleyin

Anasayfa > JavaScript > Kodlar > Resimlerle slayt gösterisi
Kategoriler:


Forum:



Bağlantılar:


En Son Yorumlanan İçerikler:


Murat Yavuz | Site Haritası | Gizlilik Bildirimi | 54.145.71.49 | 0,11 Saniye
© Copyright 2004-2017 MyDesign | Kod Arşivi. Tüm Hakları Saklıdır.
MyDesign | Kod Arşivi, en iyi görünüm için, 1024x768 ve üzeri çözünürlük tavsiye eder.