Tıklayınca Resim Ve Açıklama Oluşturma

Tahribat.com Forumları
line

Html - CSS - XML - JavaScript - Ajax
line

Tıklayınca Resim Ve Açıklama Oluşturma

03/Nis/13 00:00 Kısayol Şikayet Özel Mesaj
LynXMaSTeR

Kayıt Tarihi: 19/Temmuz/2003
```
 
```
LİSTE

Liste 1

Liste 2

Liste 3

Liste 4

resim

açıklama
hocalar yukarıda yazdığım şekilde bir liste yapmayı düşünüyorum. listedeki her bir yazıya tıklayınca sağ kısımdaki resim kısmında listede adı yazanın resmi ve alt kısımda da onunla ilgili açıklama çıkacak.

yani şu şekilde; liste1 basınca resim yazan yerde gül resmi ve açıklama yazan kısımda gül ile ilgili bilgi, liste2 tıklayınca lale resmi, açıklama kısmında da lale ile ilgili bilgi şekilde olacak. yardımcı olabilecek ?

goo.gl/qBNZmW
Alıntı yap

03/Nis/13 00:04

Kısayol

Şikayet

Özel Mesaj

LynXMaSTeR

Kayıt Tarihi: 19/Temmuz/2003

yazdığım kod bu şekildeydi ilk mesajda beceremedim ayrı yazmayı

<html>
 <head>
  <title>nesne denemesi</title>

 </head>

 <body>

<table width="450" height="300" border="1">
  <tr>
    <td rowspan="2" align="center">LİSTE<ul id="menu" align="left">
    <li id="kutu1" onclick="goster('visible');"
onmouseout="goster('hidden');"><a href="#">Liste 1</a></li> 
    <li><a href="#">Liste 2</a>
    <li><a href="#">Liste 3</a></li> 
    <li><a href="#">Liste 4</a></li> 
</ul>
</td>
    <td>resim</td>
  </tr>
  <tr>
    <td><div id="kutu2" visibility:hidden;">
açıklama
</div></td>
  </tr>
</table>




<script type="text/javascript">
function goster(vizibil)
{
	document.getElementById("kutu2").style.visibility=vizibil;
}

</script>

 </body>
</html>

goo.gl/qBNZmW

Alıntı yap

03/Nis/13 00:04 Kısayol Şikayet Özel Mesaj

moi

Kayıt Tarihi: 26/Mayıs/2009

hocam hangi dilde yazilacak, veriyi nerede tutacak vs. bunlari da soylersen yardimci olabiliriz sanirim.

Sadece paranoyaklar hayatta kalır...

Alıntı yap
03/Nis/13 00:05 Kısayol Şikayet Özel Mesaj

LynXMaSTeR

Kayıt Tarihi: 19/Temmuz/2003

hocam javascript ile yapılacak. resim dosyaları html dosyası ile aynı klasörde olacak, veriyi oradan çekicez. açıklama kısımlarını direkt olarak html dosyası içine yazsak da olur.

goo.gl/qBNZmW

Alıntı yap
03/Nis/13 00:12 Kısayol Şikayet Özel Mesaj

Cosmic

Kayıt Tarihi: 14/Haziran/2006

http://jsfiddle.net/cr3Zy/ bak bakalım

Bittik biz bittik

Alıntı yap
03/Nis/13 00:18 Kısayol Şikayet Özel Mesaj

LynXMaSTeR

Kayıt Tarihi: 19/Temmuz/2003

hocam güzel olmuş ama bunu kütüphane kullanmadan yapabilir miyiz ?

bi de resim olayı olmadı hocam denedim bir kaç resim ile html dosyasını aynı klasöre atıp ama olmadı ?
LynXMaSTeR tarafından 03/Nis/13 00:26 tarihinde düzenlenmiştir

goo.gl/qBNZmW

Alıntı yap
03/Nis/13 08:57 Kısayol Şikayet Özel Mesaj

Maresca

Kayıt Tarihi: 24/Mayıs/2012

LynXMaSTeR bunu yazdı

hocam güzel olmuş ama bunu kütüphane kullanmadan yapabilir miyiz ?

bi de resim olayı olmadı hocam denedim bir kaç resim ile html dosyasını aynı klasöre atıp ama olmadı ?

$('#aciklama').attr('src',$(this).attr('rel')); kısmını

$('#resim').attr('src',$(this).attr('rel'));

olarak değiştirip dene
Maresca tarafından 03/Nis/13 08:59 tarihinde düzenlenmiştir

Gel bili bili gates

Alıntı yap
03/Nis/13 11:53 Kısayol Şikayet Özel Mesaj

LynXMaSTeR

Kayıt Tarihi: 19/Temmuz/2003

gamesbug bunu yazdı

LynXMaSTeR bunu yazdı

hocam güzel olmuş ama bunu kütüphane kullanmadan yapabilir miyiz ?

bi de resim olayı olmadı hocam denedim bir kaç resim ile html dosyasını aynı klasöre atıp ama olmadı ?

$('#aciklama').attr('src',$(this).attr('rel')); kısmını

$('#resim').attr('src',$(this).attr('rel'));

olarak değiştirip dene

hocam bu şekilde kütüphane kullanınca explorer ve firefoxta çalışmıyor. explorer da çalışacak şekilde kütüphane kullanmadan nasıl yapabilirim?

goo.gl/qBNZmW

Alıntı yap

Toplam Hit: 1045 Toplam Mesaj: 8

Cevapla

LİSTE Liste 1 Liste 2 Liste 3 Liste 4	resim
	açıklama