Thumbnailviewer - wie kann ich auf's 1. bild zurückkehren?

[Jan]

Ich hab mir da vom Netz ein tolles script kopiert.

er zeigt drei kleine thumbnails an. Wenn man mit der mouse über eines fährt, erscheint das grosse bild rechts.

Jedoch hab ich bemerkt, dass das Imageswapping immer beim letztem Mouseoverbild bleibt.

eigentlich will ich, dass immer wieder das hauptbild gezeigt wird. Nachdem mann von den Thumbnails wieder weg ist.

kann mir jemand etwas helfen? verstehe von Javascript nur ganz wenig.

[Teil vom Header-CODE]
function returnimgcode(theimg){
var imghtml=""
if (theimg[1]!="")
imghtml='<img src="'+theimg[0]+'" border="'+imgborderwidth+'">'
return imghtml
}

function modifyimage(loadarea, imgindex){
if (document.getElementById){
var imgobj=document.getElementById(loadarea)
if (imgobj.filters && window.createPopup){
imgobj.style.filter=filterstring
imgobj.filters[0].Apply()
}
imgobj.innerHTML=returnimgcode(dynimages[imgindex])
if (imgobj.filters && window.createPopup)
imgobj.filters[0].Play()
return false
}
}
[/CODE]

Besten Dank.

jan

[mbr]

Hallo Jan,
am schönsten wäre es, wenn du den Link zu einem Beispiel angeben könntest, wo man das ganze mal live sehen kann.

Übrigens: das mit dem Syntax-Highlighting (farbiges Hervorheben von Quellcode) funktioniert so:

function returnimgcode(theimg){
var imghtml=""
if (theimg[1]!="")
imghtml='<img src="'+theimg[0]+'" border="'+imgborderwidth+'">'
return imghtml
}

function modifyimage(loadarea, imgindex){
if (document.getElementById){
var imgobj=document.getElementById(loadarea)
if (imgobj.filters && window.createPopup){
imgobj.style.filter=filterstring
imgobj.filters[0].Apply()
}
imgobj.innerHTML=returnimgcode(dynimages[imgindex])
if (imgobj.filters && window.createPopup)
imgobj.filters[0].Play()
return false
}
}

>   

Liebe Grüße  
  
mbr

[jan]

okay stimmt. Danke.

hier ist das file online:

http://www.bindex.ch/test/main.htm

Besten dank.

[mbr]

Hallo,

hat jetzt leider etwas länger gedauert.
Also: bau doch einfach in deine Links noch ein onmouseout ein, etwa so:

  
<a onMouseover="modifyimage('dynloadarea', 2)" onmouseout="modifyimage('dynloadarea',0"><img src="img/about_ws/bild_2kl.jpg" border="0" /></a>  

Ich hoffe, das ist das, was du suchst?

Liebe Grüße

mbr

P.S.: Ich bin übrigens über die JS Syntax des Scriptes leicht verwirrt (würde mich als fortgeschrittenen Javascript Laien bezeichnen). Vielleicht mal so als Frage an die JS-Götter hier:
Warum funktioniert dieser Code Teil:

  
var dynimages=new Array()  
dynimages[0]=["img/bildfrau.jpg"]  
dynimages[1]=["img/about_ws/bild_1gr.jpg"]  
dynimages[2]=["img/about_ws/bild_2gr.jpg"]  
dynimages[3]=["img/about_ws/bild_3gr.jpg"]  
  
if (preloadimg=="yes"){  
for (x=0; x<dynimages.length; x++){  
var myimage=new Image()  
myimage.src=dynimages[x][0]  
}  
}  

Sollte das nicht eigentlich so aussehen:

  
var dynimages=new Array();  
dynimages[0]="img/bildfrau.jpg";  
dynimages[1]="img/about_ws/bild_1gr.jpg";  
dynimages[2]="img/about_ws/bild_2gr.jpg";  
dynimages[3]="img/about_ws/bild_3gr.jpg";  
  
if (preloadimg=="yes"){  
for (x=0; x<dynimages.length; x++){  
var myimage=new Image()  
myimage.src=dynimages[x];  
}  
}  

Dass die ; nicht unbedingt notwendig sind ist mir noch klar, aber diese Notation mit [] kapier ich absolut nicht - scheint jedoch zu funktionieren.