Sitenizdeki Banner'i Hareket Ettirin

**Expertus** · 08-07-2011, 00:50

Merhaba arkadaşlar , size şimdi yazacağım şeyler ile sitenizdeki banner olan resim sizin belirlediğiniz resimler olarak hareket edebilir.
Öncelikle;

PHP- Kodu:


			
ar 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.

PHP- Kodu:


			
<script language="JavaScript"  

src="slideshow1.js" type="text/javascript"></script>

Ve daha sonrada sizin normalde sabit olarak duran bannerin yanına gidin ve

PHP- Kodu:


			
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

08-07-2011, 00:50	#1
Expertus Eposta Aktivasyonu Gerekmekte Ankara Şubesi Yaş: 22 Mesajlar: 426 Tecrübe Puanı: 0 Rep Puanı: 10 Rep Derecesi :	Sitenizdeki Banner'i Hareket Ettirin Merhaba arkadaşlar , size şimdi yazacağım şeyler ile sitenizdeki banner olan resim sizin belirlediğiniz resimler olarak hareket edebilir. Öncelikle; PHP- Kodu: ar 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. PHP- Kodu: `<script language="JavaScript" src="slideshow1.js" type="text/javascript"></script>` Ve daha sonrada sizin normalde sabit olarak duran bannerin yanına gidin ve PHP- Kodu: `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 Paylaş Share this post on Digg Del.icio.us Technorati Twitter

Seçenekler
Yazdırılabilir şekli göster Sayfayı E-Mail olarak gönder
Stil
Normal Hybrid-Şeklinde gösterime geç Ağaç şeklinde gösterime geç

Konuyu Toplam 1 Üye okuyor. (0 Kayıtlı üye ve 1 Misafir)