Üzerine gelince değişen buton

**Kültürlü Kedi** · 04-06-2008, 16:45

2 resim hazırlıyoruz.

Dreamweaver programına sahip olanlar. Yeni bir sayfa açıp. Menüden Insert> Image Objects>Rollver Image tıklayın.

Karşınıza böyle bir pencere çıkacak. Yapılacaklar resim üzerinde yazıyor. Preload rollover image seçili olmalı.

Bu işlemler ardından sayfanızı kaydetmeniz yeterli.

----------------------------------------------------------------

Dreamweaver programı olmayanlar için ise.
Önce şunu belirteyim kodlar içinde bulunan:

1.gif ilk görünen buton resmi
2.gif ise üzerine gelince gözükecek resim. kendinize göre ayarlayın.

<head></head> tagları arasına aşağıda ki kodu girin.

Code:

<script language="JavaScript" type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>

<body> kodunu ise şöyle yapın:

Code:

<body onLoad="MM_preloadImages(2.gif')">

Ve butonun bulunacağı yer:

Code:

<a href="" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Kedi','','2.gif',1)"><img src="1.gif" name="Kedi" border="0"></a>

SONUÇ

aLuCarD · 04-06-2008, 17:29

Saolasın Abi.. Çok İşime Yarayacak..

__________________

Coco CocoLa GibisiN.. 2 Kapak Versem VeRiRMiSiN...?? =)

bela1040 · 04-06-2008, 23:43

çok teşekkürler

brtg_dgn · 04-06-2008, 23:51

biliyordum okulda öğrenmiştim amayinede sağol kültürlü kedi :D

__________________

**HAKAN** · 04-07-2008, 11:20

güzel paylaşım dostum eline sağlık...

__________________

ARAMASIN GÖZLER O ŞİMDİ ASKER!..

**Tuhan** · 04-12-2008, 13:23

Paylaşım için sağol :)

04-06-2008, 17:29	#2 (permalink)
aLuCarD İlerleyen Günlerde Profesyonel PS'ci olacak :) Üyelik Tarihi: Mar 2008 Bulunduğu Yer: DeNiZLi Yaş: 15 Mesajlar: 45 Teşekkür Et: 23 Thanked 11 Times in 6 Posts Tecrübe Puanı: 0	Ce: Üzerine gelince değişen buton Saolasın Abi.. Çok İşime Yarayacak.. __________________ Coco CocoLa GibisiN.. 2 Kapak Versem VeRiRMiSiN...?? =)

04-06-2008, 23:43	#3 (permalink)
bela1040 İlerleyen Günlerde Profesyonel PS'ci olacak :) Üyelik Tarihi: Mar 2008 Yaş: 19 Mesajlar: 74 Teşekkür Et: 1 Thanked 4 Times in 2 Posts Tecrübe Puanı: 2	Ce: Üzerine gelince değişen buton çok teşekkürler

04-06-2008, 23:51	#4 (permalink)
brtg_dgn Sitenin Demirbaşı Üyelik Tarihi: Feb 2008 Bulunduğu Yer: İstanbul Yaş: 16 Mesajlar: 1.507 Teşekkür Et: 50 Thanked 134 Times in 52 Posts Resimler: 2 Tecrübe Puanı: 3	Ce: Üzerine gelince değişen buton biliyordum okulda öğrenmiştim amayinede sağol kültürlü kedi :D __________________

04-07-2008, 11:20	#5 (permalink)
HAKAN PhotoshopUzmanı Kurucusu Üyelik Tarihi: Feb 2007 Bulunduğu Yer: C:\Program Files\Adobe\Adobe Photoshop CS2 Yaş: 23 Mesajlar: 5.269 Teşekkür Et: 161 Thanked 1.805 Times in 838 Posts Resimler: 38 Tecrübe Puanı: 10	Ce: Üzerine gelince değişen buton güzel paylaşım dostum eline sağlık... __________________ ARAMASIN GÖZLER O ŞİMDİ ASKER!..

04-12-2008, 13:23	#6 (permalink)
Tuhan Editör Üyelik Tarihi: May 2007 Bulunduğu Yer: Antalya Yaş: 21 Mesajlar: 267 Teşekkür Et: 15 Thanked 10 Times in 6 Posts Tecrübe Puanı: 2	Ce: Üzerine gelince değişen buton Paylaşım için sağol :)

Konu Seçenekleri
Yazdırılabilir Sümü Göster Sayfayı E-Mail'le gönder
Modları Göster
Normal Mod Ağaç Modununa Geç Otomatik Konu Moduna Geç