• 08-09-2010, 02:20:36
    #1
    Arkadaşlar HTML birşey yapmak istiyorum fakat heryerde aramama rağmen kodlarını bulamadım yardım ederseniz çok sevinirim...

    http://www.sebnemferah.info/

    Bu sitenin en üstünde sanatçıların üzerine gelince rengi açılıp üzerinde isimlerinin yazılı olduğu başka bir resim geliyor ya bende siteme böyle birşey yapmak istiyorum girişine şöyle olacak simsiyah bir sayfada tek bir resim olacak mouse ile üzerine gelince rengi açılıp veya işte 2. resim gelecek o resime tıklayıncada kullanıcı foruma yönlenecek işte.

    Bunu bir türlü yapamadım şimdi normalde kocaman bir sayfada resim yapabiliyorum direk üzerine gidip tıklayınca siteye girilen ama mouse ile üzerine gelince değişen resim yapamıyorum bunu bir türlü ...

    Yardım ederseniz çok sevinirim...
  • 08-09-2010, 02:38:31
    #2
    <a href="main.php?kid=370" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image6','','http://www.sebnemferah.info/resim/site/img_buket_2.jpg',1)"><img src="http://www.sebnemferah.info/resim/site/img_buket_1.jpg" alt="Buket Doran" name="Image6" border="0" height="131" width="162"></a>
    <a href="main.php?kid=371" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image7','','http://www.sebnemferah.info/resim/site/img_metin_2.jpg',1)"><img src="http://www.sebnemferah.info/resim/site/img_metin_1.jpg" alt="Metin Türkcan" name="Image7" border="0" height="131" width="129"></a>
    <a href="main.php?kid=372" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image8','','http://www.sebnemferah.info/resim/site/img_ozan_2.jpg',1)"><img src="http://www.sebnemferah.info/resim/site/img_ozan_1.jpg" alt="Ozan Tügen" name="Image8" border="0" height="131" width="145"></a>
    <a href="main.php?kid=373" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image9','','http://www.sebnemferah.info/resim/site/img_aykan_2.jpg',1)"><img src="http://www.sebnemferah.info/resim/site/img_aykan_1.jpg" alt="Aykan İlkan" name="Image9" border="0" height="131" width="139"></a>

    Bu kadar
  • 08-09-2010, 03:05:49
    #3
    css :hover olayını arastır istersen. daha kolay yapabilirsin
  • 08-09-2010, 10:53:35
    #4
    Rigobert adlı üyeden alıntı: mesajı görüntüle
    <a href="main.php?kid=370" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image6','','http://www.sebnemferah.info/resim/site/img_buket_2.jpg',1)"><img src="http://www.sebnemferah.info/resim/site/img_buket_1.jpg" alt="Buket Doran" name="Image6" border="0" height="131" width="162"></a>
    <a href="main.php?kid=371" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image7','','http://www.sebnemferah.info/resim/site/img_metin_2.jpg',1)"><img src="http://www.sebnemferah.info/resim/site/img_metin_1.jpg" alt="Metin Türkcan" name="Image7" border="0" height="131" width="129"></a>
    <a href="main.php?kid=372" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image8','','http://www.sebnemferah.info/resim/site/img_ozan_2.jpg',1)"><img src="http://www.sebnemferah.info/resim/site/img_ozan_1.jpg" alt="Ozan Tügen" name="Image8" border="0" height="131" width="145"></a>
    <a href="main.php?kid=373" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image9','','http://www.sebnemferah.info/resim/site/img_aykan_2.jpg',1)"><img src="http://www.sebnemferah.info/resim/site/img_aykan_1.jpg" alt="Aykan İlkan" name="Image9" border="0" height="131" width="139"></a>

    Bu kadar

    Evet hocam normalde kodlar bunlarmış fakat bir sorunu var ilk resimleri normal gösteriyor fakat mouse ile üzerine gelince 2.resimleri göstermiyor Düzeltmenin yolu yokmu ???
  • 09-09-2010, 16:45:18
    #5
    bunuda </head> ın üzerine koy.

    Alıntı
    <!-- 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; 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>
    Tamamdır
  • 10-09-2010, 00:57:12
    #6
    @Rigobert gönderdiğin kodlar dreamweaver'ın hazır sisteminde yapıldığından ayrı bir *.js dosyasına ihtiyaç duyabilir.
    Şöyle yapabilirsin:

    <a href="http://www.aaaa.com"
    onMouseOver="document.rollover.src=image2.jpg" onMouseOut="document.rollover.src=image1.jpg">
    <img src="image1.jpg" border=0 name="rollover"></a>
  • 10-09-2010, 03:41:01
    #7
    Üyeliği durduruldu
    css`lede cok basit birsekilde daha kullanisli yapabilirsin ...
  • 10-09-2010, 14:07:27
    #8
    Simdi arkadas kodlarinizi kullanicak ve olmuyor diyecek bu tur kodlarda resimlerde 2 tane efect vardir kullanila bilinmesi icin 1incisi resmin karartilmis sekili 2incisi resmin orjinal hali mouse ustune gelince efect verecek resimler 2 cesit olmazsa kodunda bir anlami kalmiyor
  • 10-09-2010, 22:47:25
    #9
    Üzerine gelince sadece resmin kaynağı değişiyor. Javascriptle yapılmış herhangi bir efekt söz konusu değil. Kodlara bakın...
    Gönderdiğim kod yeterli....