Merhaba arkadaşlar , size şimdi yazacağım şeyler ile sitenizdeki banner olan resim sizin belirlediğiniz resimler olarak hareket edebilir.
Öncelikle;
var slideShowSpeed = 5000
var crossFadeDuration = 5000
var Pic = new Array() 
Pic[0] = '\images/banner1.jpg'
Pic[1] = '\images/banner2.jpg'
Pic[2] = '\images/banner3.jpg'
Pic[3] = '\images/banner33.jpg'
Pic[4] = '\images/banner4.jpg'
Pic[5] = '\images/banner5.jpg'
var t
var j = 0
var p = Pic.length
var preLoad = new Array()
for (i = 0; i < p; i++){
   preLoad[i] = new Image()
   preLoad[i].src = Pic[i]
}
function runSlideShow(){
	   if (document.all){
      document.images.SlideShow.style.filter="blendTrans(duration=2)"
      document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)"
      document.images.SlideShow.filters.blendTrans.Apply()      
   }
   document.images.SlideShow.src = preLoad[j].src
   if (document.all){
      document.images.SlideShow.filters.blendTrans.Play()
   }
   j = j + 1
   if (j > (p-1)) j=0
   t = setTimeout('runSlideShow()', slideShowSpeed)
}
Kodunu slideshow1.js olarak ana dizine kayıt ediyoruz. Burada ben resim yolunu kendi yaptığım siteye göre ayarlardım. Ben değişmesini istediğim resimler images klasörü altında banner1 - banner2 isimleri ile duruyor.Sizde nasıl ise siz öyle yapın.
Daha sonra sitenizde resimlerin hareket etmesinini istediğiniz html sayfasını bi düzenleyici ile açın ve
<head> </head> arasına aşşağıdaki kodu ekleyin.
<script language="JavaScript" 
src="slideshow1.js" type="text/javascript"></script>
Ve daha sonrada sizin normalde sabit olarak duran bannerin yanına gidin ve 
 name="SlideShow1"  id="SlideShow"
bu kodu ekleyin.
Aşşağıdaki resimlerde de anlatmak istediğimi görebilirsiniz.
Eğer yapamadığınız yada anlamadığınız bi şey olursa elimden geldiğince yardımcı olurum.
demo site: tarkan 5 Tarkan 4 yachting charter blue cruise turkey
veya Abalılar Fidan, Aşılı elma armut kayısı şeftali zeytin kivi naranciye fidan, Fidan Yetiştiriciliği abalılar fidan