Reklam

Değişen Resim JavaScript Kodu

Paylaş
  • Facebook
  • Twitter
  • Delicious
  • Digg
  • Google Buzz
  • StumbleUpon
  • Add to favorites
  • Email
  • RSS

Sizlere kendi sitemde yeni kullanmaya başladığım şu sağ tarafta olan değişen resim için gereken js kodundan bahsetmek istiyorum. Aşağıda verdiğim kodu resimlerin görünmesi istediğiniz yere koymanız ve resim adreslerini de dizi içerisinde benim belirttiğim gibi belirttiğiniz taktirde ister blog sayfanızda ister kişisel sayfanızda bunu kullanabilirsiniz.

PLAIN TEXT
JavaScript:
  1. <script language="JavaScript">
  2.  
  3. var bannerAD=new Array();
  4. var bannerADlink=new Array();
  5. var adNum=0;
  6. bannerAD[0]="http://www.huseyinalkan.com/babam/1.jpg";
  7. bannerAD[1]="http://www.huseyinalkan.com/babam/2.jpg";
  8. bannerAD[2]="http://www.huseyinalkan.com/babam/3.jpg";
  9. bannerAD[3]="http://www.huseyinalkan.com/babam/4.jpg";
  10. bannerAD[4]="http://www.huseyinalkan.com/babam/5.jpg";
  11. bannerAD[5]="http://www.huseyinalkan.com/babam/6.jpg";
  12. bannerAD[6]="http://www.huseyinalkan.com/babam/7.jpg";
  13.  
  14. var preloadedimages=new Array();
  15. for (i=1;i<bannerAD.length;i++){
  16. </bannerAD> </bannerAD> preloadedimages[i]=new Image();
  17. preloadedimages[i].src=bannerAD[i];
  18. }
  19. function setTransition(){
  20. if (document.all){
  21. bannerADrotator.filters.revealTrans.Transition=Math.floor(Math.random()*20);
  22. bannerADrotator.filters.revealTrans.apply();
  23. }
  24. }
  25. function playTransition(){
  26. if (document.all)
  27. bannerADrotator.filters.revealTrans.play()
  28. }
  29. function nextAd(){
  30. if(adNum<bannerAD.length-1)adNum++ ;
  31. </bannerAD> </bannerAD> else adNum=0;
  32. setTransition();
  33. document.images.bannerADrotator.src=bannerAD[adNum];
  34. playTransition();
  35. theTimer=setTimeout("nextAd()", 4000);
  36. }
  37. function jump2url(){
  38. jumpUrl=bannerADlink[adNum];
  39. jumpTarget='_blank';
  40. if (jumpUrl != ''){
  41. if (jumpTarget != '')window.open(jumpUrl,jumpTarget);
  42. else location.href=jumpUrl;
  43. }
  44. }
  45. function displayStatusMsg() {
  46. status=bannerADlink[adNum];
  47. document.returnValue = true;
  48. }
  49. </script><script language="JavaScript">nextAd()</script>
  50.  
  51. [js]
  52.  
  53. <img style="FILTER: revealTrans(duration=2,transition=8)" xsrc="" border=0 name=bannerADrotator>
  54. <td valign="bottom"><script language=JavaScript>
  55.  
  56. var bannerAD=new Array();
  57. var bannerADlink=new Array();
  58. var adNum=0;
  59. bannerAD[0]="http://www.huseyinalkan.com/babam/1.jpg";
  60. bannerAD[1]="http://www.huseyinalkan.com/babam/2.jpg";
  61. bannerAD[2]="http://www.huseyinalkan.com/babam/3.jpg";
  62. bannerAD[3]="http://www.huseyinalkan.com/babam/4.jpg";
  63. bannerAD[4]="http://www.huseyinalkan.com/babam/5.jpg";
  64. bannerAD[5]="http://www.huseyinalkan.com/babam/6.jpg";
  65. bannerAD[6]="http://www.huseyinalkan.com/babam/7.jpg";
  66.  
  67.  
  68. var preloadedimages=new Array();
  69. for (i=1;i<bannerAD.length;i++){
  70. preloadedimages[i]=new Image();
  71. preloadedimages[i].src=bannerAD[i];
  72. }
  73. function setTransition(){
  74. if (document.all){
  75. bannerADrotator.filters.revealTrans.Transition=Math.floor(Math.random()*20);
  76. bannerADrotator.filters.revealTrans.apply();
  77. }
  78. }
  79. function playTransition(){
  80. if (document.all)
  81. bannerADrotator.filters.revealTrans.play()
  82. }
  83. function nextAd(){
  84. if(adNum<bannerAD.length-1)adNum++ ;
  85. else adNum=0;
  86. setTransition();
  87. document.images.bannerADrotator.src=bannerAD[adNum];
  88. playTransition();
  89. theTimer=setTimeout("nextAd()", 4000);
  90. }
  91. function jump2url(){
  92. jumpUrl=bannerADlink[adNum];
  93. jumpTarget='_blank';
  94. if (jumpUrl != ''){
  95. if (jumpTarget != '')window.open(jumpUrl,jumpTarget);
  96. else location.href=jumpUrl;
  97. }
  98. }
  99. function displayStatusMsg() {
  100. status=bannerADlink[adNum];
  101. document.returnValue = true;
  102. }
  103. </script>
  104.  
  105. <script language=JavaScript>nextAd()</script>

Hüseyin ALKAN hakkında

1981 İstanbul doğumlu. Çanakkale 18 Mart Üniversitesi Bilgisayar Mühendisliği bölümünü bitirdi. 6 yıldır bilişim sektöründe Sistem Mühendisi olarak görev aldı. 2 yılı aşkın süredir bir yazılım firmasında Sistem Mühendisi olarak çalışıyor.

“Değişen Resim JavaScript Kodu” üzerine 10 düşünce

  2. Yazar : Hüseyin Tarih :

    Merhaba bu isteğiniz için güzel basit kullanışlı bir eklenti mevcut. Buradaki adresten eklentiyi indirebilir ve açıklamaları görebilirsiniz.

  4. Yazar : Orhan Tarih :

    merhabalar iyi çalışmalar diliyorum..öncelikle merhum babanıza Allahtan rahmet diliyorum,mekanı cennet olur inşallah…

    bir şey sormak istiyorum bu resim kodunu çok beğendim ellerinize sağlık çalıştırdım yanlız sizin sitenizde olduğu gibi aynısını nasıl yapabilirim yani resimlere tıkladıgımız zaman merhum babanızın resimlerinde oldugu gibi bölüm açılsın ve resimleri gezebilelim..bu konuda yardımınızı esirgemezseniz çok makbule gecer..çalışmalarınızda başarılar dilerim selam ve saygılarımla

  5. Yazar : Hüseyin Tarih :

    Merhaba. öncelikle dilekleriniz için size teşekkür ederim.
    Değişen resimlerin üzerine tıkladığımızda wordpress in resim gösterme eklentisi vardı bu facebook a bağlanıyor. bende resimlere tıklanınca oraya link verdim.
    fotobook eklentisi ile bunu yapabilirsiniz.
    eğer konu hakkında yine birşey bulamazsanız size yardımcı olmaya çalışırım. şuan askerde olduğum için pek internet imkanım olmuyor.
    cevaplarım gecikebilir.

  8. Yazar : zku Tarih :

    bu güzel ama hataları var denedim çalısıyor ama hata var. benım aradıgım sayfayı yeniledikçe degişen resim url kodu var ama resim bulamadım genede bilginize tşk.

  9. Yazar : kalender meshrep Tarih :

    teşekkürler fakat kodları kopyyaladıktan sonra snir bozucu bi sorunla karşılaştım satır başlarında satır sayısları cıktı
    1.
    2.
    3.
    şeklinde buna bi cözüm bulursanız daha kullanıslı olacak
    insan oğlu nankör gibisinden cevap yazmazsanız sevinirim cunlu teşşekkürlerimi belirttim :)

  10. Yazar : arif Tarih :

    bu javascript kodu internet explorer da çalışmıyor, fakat firefox ve chrome da çalışıyor. Bu js kodunu nasıl ie da çalışır hale getiririm?

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

*

Şu HTML etiketlerini ve özelliklerini kullanabilirsiniz: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

  • Facebook
  • Google+
  • Twitter