Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj23.07.2013, 21:31 (UTC)    
Mesaj konusu: Resimin üzerine gelince değişen resim [ Rollover İmage ]

Normalde bu anlatımım resimleri içeriyor, ama bedava-sitemle alakasız bir anlatım olduğu için burada konu açmayı uygun gördüm.
Evet arkadaşlar bu anlatımın konusunu açık olarak söylemek istiyorum, şuan bir resim düşünün resimde isminiz yazıyor isminiz örneğin Ahmet olsun Razz bu resimdeki yazı örneğin yeşil üzerine imleç ile gelince mavi oluyor.

Kullanacağımız 2 resim bunları ben öylesine anlatım amaçlı yaptım ;





Kullanacağımız kodumuz bu ;

Kod:
<script 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 onLoad="MM_preloadImages('http://img.webme.com/pic/m/manshess/roluver-image2.png')"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('manshess','','http://img.webme.com/pic/m/manshess/roluver-image2.png',1)"><img src="http://img.webme.com/pic/m/manshess/roluver-image1.png" name="manshess" width="216" height="72" border="0"></a>


Şimdi bu kodu istediğiniz bir sayfada deneyebilirsiniz bu kod nasıl düzenlenir bunu açıklayacağım.

<script 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 onLoad="MM_preloadImages('BURAYA ÜZERİNE GELİNCE DEĞİŞTEN LİNKİ YAPIŞTIRIN')"><a href="BU YAZIYI SİLİP YERİNE LİNK YAPIŞTIRIN" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('manshess','','TEKRAR BURAYA ÜZERİNE GELİNCE DEĞİŞEN RESİMİN LİNKİ',1)"><img src="ORGİNAL LİNK BURAYA GELİCEK" name="manshess" width="GENİŞLİK İÇİN BİR RAKAM" height="YÜKSEKLİK İÇİN BİR RAKAM" border="0"></a>



______________
Mesaj23.07.2013, 21:43 (UTC)    
Mesaj konusu:

Güzel anlatım eline sağlık dostum.
______________
-Kul der ki; "İşlerimi halledip, Rabbime yöneleyim."
Rabbi der ki; "Bana yönelin, işlerinizi halledeyim."
Mesaj23.07.2013, 21:48 (UTC)    
Mesaj konusu:

Teşekkürler :)
______________
Mesaj17.08.2013, 15:59 (UTC)    
Mesaj konusu:

ben bunu tasarım kodlarken menüde kullancam nasıl olcak Question Question
______________

Mesaj17.08.2013, 16:06 (UTC)    
Mesaj konusu:

Kodları düzenleyip alt alta yapıştırırsın.
Mantık yürüterek yine kullanabilirsin dostum sorun olmaz. Wink

______________
Mesaj17.08.2013, 16:19 (UTC)    
Mesaj konusu:

bir menüye uzuuuuuuuuuuuuuun kod Rolling Eyes
______________

Mesaj17.08.2013, 16:22 (UTC)    
Mesaj konusu:

Yapabileceğimiz herhangi bir şey yok. Wink
Bu başlığın konusu roluver image'ın nasıl yapılacağıdır.
Kod uzun oluncada çalışıyor değişen hiç bir şey olmuyor ki Smile

______________
Mesaj19.08.2013, 18:06 (UTC)    
Mesaj konusu:

ama menüde yazı ve resim olcak Question
______________

Mesaj19.08.2013, 18:09 (UTC)    
Mesaj konusu:

Kod uzun değil.
Kopyalayacağın alan aşağıdaki olacak..

Kod:
<body onLoad="MM_preloadImages('BURAYA ÜZERİNE GELİNCE DEĞİŞTEN LİNKİ YAPIŞTIRIN')"><a href="BU YAZIYI SİLİP YERİNE LİNK YAPIŞTIRIN" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('manshess','','TEKRAR BURAYA ÜZERİNE GELİNCE DEĞİŞEN RESİMİN LİNKİ',1)"><img src="ORGİNAL LİNK BURAYA GELİCEK" name="manshess" width="GENİŞLİK İÇİN BİR RAKAM" height="YÜKSEKLİK İÇİN BİR RAKAM" border="0"></a>

Script kodlarını tekrar tekrar kopyalamak zorunda değilsin.
Mesaj19.08.2013, 18:17 (UTC)    
Mesaj konusu:

benim dediğimi anlamadınız ben
http://u1308.hizliresim.com/1d/m/rpfx1.jpg
burdaki kırmızı yerdeki resmin yanına yazı ekleyeceğim ama yazının üstüne gelice resmin değişmesini istiyorum Wink
______________

Mesaj19.08.2013, 18:18 (UTC)    
Mesaj konusu:

mgmsayfasii yazmış:
benim dediğimi anlamadınız ben
http://u1308.hizliresim.com/1d/m/rpfx1.jpg
burdaki kırmızı yerdeki resmin yanına yazı ekleyeceğim ama yazının üstüne gelice resmin değişmesini istiyorum Wink
Mesaj19.08.2013, 18:32 (UTC)    
Mesaj konusu:

güzel bir anlatım olmuş,sağol
______________


Bedava-Sitem.com Türkiye Moderatörleri
ua1905ua / brisin / ciz-dizayn / aktif-dost / agasu06 / salihtoy/ gultekinblog
Mesaj23.08.2013, 17:56 (UTC)    
Mesaj konusu:

Yaralı bir paylaşım olmuş teşekkürler
Mesaj08.11.2013, 23:48 (UTC)    
Mesaj konusu:

Rica ederim arkadaşlar.
Faydalı bir şeyler hazırladıysak ne mutlu bize. Smile

______________
Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu