Basit Bir kod, Elinde Olan Veya Yazabilecek Olan Var mı?

[Cut_Lee_Amm]

Arkadalsar ıstedıgım kodun mantıgını dusundugunuzde aslında basıt oldukca nacak bayagı arastırdım bulamadım.

Diyelim sayfada 5 tane buton var.Butonların ustunde de bır resım var.2. butona tıkladıgımda resim degısecek ve 2. resım olacak.3'e tıkladıgımda 3. resım cıkacak.

Yanı butona atadıgnız resım o butona tıkladıgınızda bir oncekı resmın yerını alacak.

Bu sekılde bır kod gereklı bana, yardımcı olursanız sevınrıım...

-- koskoca google da aradım ama bulamadım, yanlıs mı aradım acaba (:

[Kurtaran]

googleda javascript image gallery diye yada buna benzer şeylerde ararsan bulabilirsin işine yarar bişeyler...
Mesela googleda ilk çıkan sayfa şu baya güzel ... ( en altta örnekleri var)

http://alistapart.com/articles/imagegallery

[Cut_Lee_Amm]

Teşekkür ederim yonlendırdıgın sekılde aramaya basladım bıle..

[Cut_Lee_Amm]

Google'da kı aramalarımda kı en ıyı ornek kurtaran'ında linkini verdiği aşağıdaki kod ornegı:
http://alistapart.com/articles/imagegallery

Ancak maalesef ben yapamadım
Belkide ılk javascript deneyımım olmasındandır.

Birisi neyı nasıl yapmam gerektıgını anlatırsa cok sevınırım...

[Kurtaran]

Bu örnek çok kolay ve güzel bi örnek aslında...
Bu örnekte yapman gereken bu scripti sayfanda herhangi bir yere kopyala;

 <script type="text/javascript" language="javascript">
function showPic (whichpic) {
if (document.getElementById) {
document.getElementById('placeholder').src = whichpic.href;
  if (whichpic.title) {
   document.getElementById('desc').childNodes[0].nodeValue = whichpic.title;
  } else {
   document.getElementById('desc').childNodes[0].nodeValue = whichpic.childNodes[0].nodeValue;
  }
  return false;
 } else {
  return true;
 }
}
</script>

Sonrada resimlere link verirken normal bi şekilde ver ama fazladan linkin içine şunu ekle;

 onclick="return showPic(this)"

hepsi bu yani linkin şu şekilde olacak;

<a onclick="return showPic(this)" href="resim.jpg" title="Resim işte">resi link</a>

[Cut_Lee_Amm]

Teşekkürler arkadaşım...

[gorkemefe]

bu örneği ben de denedim ama bir türlü aynı sayfa içinde resimleri ve de aynı yerlere getiremedim. deneyen arkadaşlardan yardım rica ediyorum.


<ul>
<li><a title="YAVUZ: TERÖR ...... " onclick="return showPic(this)" href="/images/stories/230507.jpg">1</a></li><li><a title="MOLDOVA EKONOMÝ ......" onclick="return showPic(this)" href="/images/stories/moldova.jpg">2</a></li><li><a title="MAKEDONYA DEVLET......" onclick="return showPic(this)" href="/images/stories/makedon.jpg">3</a><br /><br /></li>
</ul>
<ul>
<li><a title="A bunch of bananas on a table" onclick="return showPic(this)" href="images/bananas.jpg">1</a></li><li><a title="Condiments in a Chinese restaurant" onclick="return showPic(this)" href="images/condiments.jpg">2</a></li><li><a title="Seashells on a table" onclick="return showPic(this)" href="images/shells.jpg">3</a></li>
</ul>

[Kurtaran]

eğer benim yukarda verdiğim js kodlarını aynen kullandıysan ordaki kodlara gore bir p ve birde img tagın olması lazım şu şekilde ...

<p id="desc">Choose an image to begin</p>
<img id="placeholder" src="/d/imagegallery/blank.gif" alt="" />

Burda kullandığımız idleri değiştirirsen eğer js kodundakileride değiştirmen lazım buna dikkat et ...

Birde resim linklerini bi kontrol et doğrumu acaba ...

[gorkemefe]

çok tşk.ler deneyeceğim