Yazarlar Sözlük Makaleler Yardım Masası Gözlük Forum İstatistik

Yardım Masası

SORU: asp.net onmouserover meselesi
yapmak istediğim şey databaseden verileri çelkiyorum ve bu verilerin içinde 4 tane resim var bu resimleri alt alta sırılıyorum evet buraya kadar herşey normal benim yapmak istediğim sıraladığım bu resimlerin üzerine mouse ile gelindiği zaman yandaki büyük resmin değişmesi hangisinin üzerine gelirsem o resimin büyük hali yan tarafta gözükecek.
_____________________
Resim 1   
Resim 2   
Resim 3    Büyük Resim
Resim 4   
Resim 5   
_____________________

<asp:Label ID="resim_1Label" runat="server" ImgUrl='<%# Eval("resim_1") %>'></asp:Label>
kücük resimleri data baseden bu şekilde çekiyorum, bu resimler kucuk klasöründe bunlarla aynı isme sahip büyük resimlerde buyuk klasöründe inşallah anlata bilmişimdir.




Cevaplar

1.  bunu javascript ile kolayca yapabilirsin diye düşünüyorum, şöyle bir kod yazılabilir:

<html>
<head>
<script type="text/javascript">
function changeSrc(s)
{
document.getElementById("productImage").src="http://www.cinarsozluk.com/"+s;
}
</script>
</head>

<body>
<img id="product1" src="prod1.gif" width="107" height="98" onmouseover="changeSrc('CinarSozluk.png')" />
<br/>
<img id="product2" src="pord2.gif" width="107" height="98" onmouseover="changeSrc('images/logo2.png')" />
<br/><br/><br/>
Büyük Resim:<br/>
<img id="productImage" src="" />
</body>

</html>


Kolay gelsin diyorum.
kar
30 Ağustos 2006 12:22
2. 
<script language="javascript" type="text/javascript">
function changeSrc(s)
{
document.getElementById("productImage").src="buyuk/"+s;
}
</script>

Küçük Resimler :
<asp:Image ID="Image1" runat="server" src='<%# Eval("resim_1") %>'  onmouseover="changeSrc(src);"  />
<asp:Image ID="Image2" runat="server" src='<%# Eval("resim_2") %>'  onmouseover="changeSrc(src);"  />

Büyük Resim :
<img id="productImage" src="" />


üstad böyle bi kod yazdım ama olmadı.
aslında oluyorda büyük resimin adres satırı
http://localhost:3011/WebSite1/buyuk/http://localhost:3011/WebSite1/kucuk/resim2.jpg

böyle oluyor.
BaRNeY
30 Ağustos 2006 19:15
3.  Asp.net kodunu değilde, oluşan web sayfasının kaynağını yazarsan ona bakalım. asp.net bilmiyorum :(

tahminen ...ge").src="buyuk/"+s; satırında "/buyuk.. şeklinde yazsan, yani bir slash koysan buyuk yazısından önce problemi çözebilir. tabi şu kodun src='<%# Eval("resim_1") %>' html'e ne çıktı verdiğini kontrol etmek lazım.
kar
31 Ağustos 2006 00:36
4.  http://localhost:3011/buyukhttp://localhost:3011/WebSite1/kucuk/resim3.jpg
http://localhost:3011/buyuk/http://localhost:3011/WebSite1/kucuk/resim3.jpg

önüne koydum bi önüne bi arkadasın / koydum gene olmadu büyük resmin aldığı değer yukardakiler gibi oluyor.
BaRNeY
31 Ağustos 2006 14:06
Bu konuda bildiklerinizi bizlerle paylaşabilirsiniz
Tabi bunun için yazarsanız giriş yapmalı, yazar değilseniz yazar olmalısınız.
© 2005, Bilişim Kulübü. (1031 ms)
Ne yapabilirsin: SubtitleClick ile İngilizceni Geliştir, Çınar Framework ile kod yaz, Eglencelik.org'ta biraz eğlen