Link değişim hakkında

Php, Asp, Perl, Html - Link değişim hakkında Sponsorlu Bağlantılar Arkadaşlar yazının üzerinde siyah alan değiştikçe ortadaki resim alanıda değişiyor bunu nasıl yapabiliriz......

Cevapla
Link değişim hakkında
yerkan54 isimli Üye şimdilik offline konumundadır

yerkan54(37)

Hiç Biri / İstanbul

Standart

Link değişim hakkında

Alt 28-12-2011 #1
Sponsorlu Bağlantılar

Arkadaşlar yazının üzerinde siyah alan değiştikçe ortadaki resim alanıda değişiyor bunu nasıl yapabiliriz...

Link değişim hakkında
Bu mesajdan alıntı yap
Sponsor Links

Grafikerler.net Reklamları

hataman isimli Üye şimdilik offline konumundadır

hataman(44)

Webmaster / Balıkesir

Standart
Alt 29-12-2011 #2
                             Sponsorlu Bağlantılar
css ile ilgili bir durum, oradaki linklere css ile arkaplan eklemelisiniz ve linkleri blok haline dönüştürmelisiniz örnek;

a{display:block;width:değeriniz;height:değeriniz;}
a:hover{background:url(resim yolu) no-repeat;}
Bu mesajdan alıntı yap
yerkan54 isimli Üye şimdilik offline konumundadır

yerkan54(37)

Hiç Biri / İstanbul

Standart
Alt 30-12-2011 #3
css ile ilgili bir durum, oradaki linklere css ile arkaplan eklemelisiniz ve linkleri blok haline dönüştürmelisiniz örnek;

a{display:block;width:değeriniz;height:değeriniz;}
a:hover{background:url(resim yolu) no-repeat;}
gordugun siyahlık alan aşağı dogru kendisi hareket ediyor ve ordan sağ tarafa kendisi geciyor işin içinde css'te var ama kodlama javascript galiba...
Bu mesajdan alıntı yap
yerkan54 isimli Üye şimdilik offline konumundadır

yerkan54(37)

Hiç Biri / İstanbul

Standart
Alt 30-12-2011 #4
örnek olarak avcılar kaymakamlığının sayfasında var....
Bu mesajdan alıntı yap
hataman isimli Üye şimdilik offline konumundadır

hataman(44)

Webmaster / Balıkesir

Standart
Alt 30-12-2011 #5
Evet istediğiniz bir nevi slayt show ve javascriptle çalışıyor. örnek kodlar veriyorum düzenlemesi size kalmış;

<script type="text/javascript">
// JScript File
function getir(kontrol,image,back,text)
{
document.getElementById("manset").src = image;
document.getElementById(kontrol).style.color = text;
document.getElementById(kontrol).style.backgroundC olor = back;
}
function out(kontrol,renk,text)
{
document.getElementById(kontrol).style.backgroundC olor = renk;
document.getElementById(kontrol).style.color = text;
}
</script>

<form id="form1" runat="server">
<table border="0" cellpadding="0" cellspacing="0" style="width: 400px">
<tr>
<td style="width: 150px; vertical-align:top;" align="center">
<img id="manset" width="160px" height="120px" src="img/1.jpg" />
</td>
<td style="width: 250px; vertical-align:top; padding-left:10px;">
<div id="1" style="background-color:#dcdcdc; height:23px; margin-bottom:1px; padding-left:10px;" onclick="getir('1','img/1.jpg','green','white')" onmouseout="out('1','#dcdcdc','black')"><a href="#">Alan1</a></div>
<div id="2" style="background-color:#dcdcdc; height:23px; margin-bottom:1px; padding-left:10px;" onclick="getir('2','img/2.jpg','green','white')" onmouseout="out('2','#dcdcdc','black')">Alan2</div>
<div id="3" style="background-color:#dcdcdc; height:23px; margin-bottom:1px; padding-left:10px;" onclick="getir('3','img/3.jpg','green','white')" onmouseout="out('3','#dcdcdc','black')">Alan3</div>
<div id="4" style="background-color:#dcdcdc; height:23px; margin-bottom:1px; padding-left:10px;" onclick="getir('4','img/4.jpg','green','white')" onmouseout="out('4','#dcdcdc','black')">Alan4</div>
<div id="5" style="background-color:#dcdcdc; height:23px; margin-bottom:1px; padding-left:10px;" onclick="getir('5','img/5.jpg','green','white')" onmouseout="out('5','#dcdcdc','black')">Alan5</div>
</td>
</tr>
</table>

</form>
Bu mesajdan alıntı yap
yerkan54 isimli Üye şimdilik offline konumundadır

yerkan54(37)

Hiç Biri / İstanbul

Standart
Alt 30-12-2011 #6
teşekkurler hocam...
Bu mesajdan alıntı yap
Cevapla

Benzer Konular
Konu Konu Bilgileri Forum Cevaplar Son Mesaj
Link Verme Hakkında???Lütfen Yardım!!! Hypnoss Web Tasarımı 5 28-03-2011 15:47:10
Ürün Değişim Kartı paromec Kartvizit Tasarımları 2 08-11-2010 10:16:11
Hormonal Değişim -1 Barış Akgün Organik Tarım Grafik Tasarım Yarışması 6 24-01-2010 17:49:43
çalışmadaki link değiştirme ve uygulaması hakkında... metin haskaraca Freehand 3 19-07-2009 01:17:54
değişim (illustrasyon) akrmtch İllüstrasyon Çalışmaları 16 11-06-2009 12:48:06

Kapat
Şifremi Unuttum?