script der viser billed med tilhørende tekst

Du skal vel lave en lille funktion, som udskifter indholdet af boksen og så kalde den før fade-scriptet kaldes ?-)

1to1.com ser meget elegant ud, borset fra at jeg synes cursoren burde være en "hånd" i stedet for en "pil".

Jeg kender ikke roenvings faderutine, men umiddelbart ville jeg sige (idet jeg antager eksistensen af en funktion "FadeIn()" ...):

<img src="pic1.jpg" onMouseover="java script:FadeIn(); getElementById('undertekst').innerHTML='Dette er teksten til det første billede'">

hvor undertekst-arealet er defineret ved

<div id="undertekst"></div>

Tjah, det kunne man jo godt kalde det, og indholdet af dit forslag er jo præcis det samme som min kommentar, men du kan da ikke undvære document, når du skal have fat i et element ?-)

-- men du bruger den ulovlige java script: pseudo-protokol, som i bedste fald er noget vrøvl, da det selvfølgelig ikke er nødvensdigt at fortælle javascript-fortolkeren, at den skal fortolke noget script i en script-event som script !-)

På trods af at det så er ugyldig script-kode, har jeg dog ikke hørt om nogen browsere, som kløjs i den ...

-- så det kunne f.eks. se således ud:

<img src="..." id="bill2" style="filter:alpha(opacity=30);-moz-opacity:0.3;opacity:0.3;" onmouseover="document.getElementById('undertekst').innerHTML=txt[1];startOpChange(this,100,2);" onmouseout="startOpChange(this,30,2);">

-- og så have teksterne i en javascript-blok et sted:

<script type="text/javascript">
var txt = new Array();
txt[txt.length] = "Dette er en tekst som skal vises sammen med billede 1";
txt[txt.length] = "Dette er en tekst som skal vises sammen med billede 2";
txt[txt.length] = "Dette er en tekst som skal vises sammen med billede 3";
</script>

Unskyld den lange svar tid. Jeg har gennemgået roenvings kode og det ser rigtig godt ud......hvor er du sej :)
Hvis du har nogle ideer til hvor jeg selv kan lære mere vil jeg meget gerne indviges i dem. Jeg har kodet en smulle før men aldrig javascript.......

Koden lige nu: alle billeder er fadet ned når siden loades. Når der peges på et billede, bliver det tydeligt og der fremkommer en billedteksten i en fælles teksboks, centreret nedenstående. Når curser flyttes til nyt billed fader de forgående billed ned, det nye bliver tydeligt og teksten skifter, også videre.
Hvis koden skal tilpasses sådan at de enkelte billeder ikke bliver fadet før at der peges på et nyt billed. Hvordan gøres det nemmest.? Jeg har problemmer med at gennemskue hvordan jeg styrer dette.???

Så tror jeg du nemmest kan tilføje en global variabel, som indeholder en evt. gammel opfadet, som så kan kaldes til nedfading, f.eks.

<img src="..." id="bill2" style="filter:alpha(opacity=30);-moz-opacity:0.3;opacity:0.3;" onmouseover="document.getElementById('undertekst').innerHTML=txt[1];startOpChange(this,100,2);if(oldPic){startOpChange(oldPic,30,2);};oldPic=this;">

-- og så have teksterne i en javascript-blok et sted:

<script type="text/javascript">
var oldPic = null;
var txt = new Array();
txt[txt.length] = "Dette er en tekst som skal vises sammen med billede 1";
txt[txt.length] = "Dette er en tekst som skal vises sammen med billede 2";
txt[txt.length] = "Dette er en tekst som skal vises sammen med billede 3";
</script>

Super -> Det er klart et skridt i den rigtige retning. Nu bliver billederne bare ikke fadet ned igen, hvis man skal kunne det kan man så sætte en kondition hvor man sammenligner billedernes opacity inden de fades eller ej. (hvordan gøres det rigtigt)
Det skulle meget gerne ende op med en sammensmeltning af de to ovenstående eksempler.

Når man peger på billed 1 bliver det fadet op når mousen flyttes væk fra billed 1 bliver det ikke fadet ned, før at man peger på f.eks billed 2 dette bliver så fadet op som det eneste. Håber det giver en bedre forklaring.

<img src="images/face_0.jpg" id="bill0" style="filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6; "
onmouseover="document.getElementById('undertekst').innerHTML=txt[0];onmouseover=startOpChange(this,100,2);if(oldpic)
{startOpChange(oldpic,60,2);}oldpic=this;">

<img src="images/face_1.jpg" id="bill1" style="filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;"
onmouseover="document.getElementById('undertekst').innerHTML=txt[1];onmouseover=startOpChange(this,100,2);if(oldpic)
{startOpChange(oldpic,60,2);}oldpic=this;">

<img src="images/face_2.jpg" id="bill2" style="filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;"
onmouseover="document.getElementById('undertekst').innerHTML=txt[2];onmouseover=startOpChange(this,100,2);if(oldpic)
{startOpChange(oldpic,60,2);}oldpic=this;">

<img src="images/face_3.jpg" id="bill3" style="filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;"
onmouseover="document.getElementById('undertekst').innerHTML=txt[3];onmouseover=startOpChange(this,100,2);if(oldpic)
{startOpChange(oldpic,60,2);}oldpic=this;">

<script type="text/javascript">
var oldpic = null;
var txt = new Array();
txt[txt.length] = "Dette er en tekst som skal vises sammen med billede 1";
txt[txt.length] = "Dette er en tekst som skal vises sammen med billede 2";
txt[txt.length] = "Dette er en tekst som skal vises sammen med billede 3";
txt[txt.length] = "Dette er en tekst som skal vises sammen med billede 4";
</script>
<div id="undertekst"></div>

Hov hvad skette der lige der. ;-) Jeg så lige en fejl, efter jeg fjernede den ekstra onmouseover virkede det.

Hvis du smider et svar så siger jeg. 1000 tak for hjælpen.

Velbekomme, det er jo fint, at du også selv henter noget hjem '-)

Tak for point ;~}