JavaScript funktion der bytter en billede sti ud

F.eks. sådan:

function initImage(sti) {
  imageId = 'foto1';
  image = document.getElementById(imageId);
  if(sti)
    image.src = sti;
  setOpacity(image, 0);
  image.style.visibility = 'visible';
  fadeIn(imageId,0);
}

-- skal du bare kalde med stien som argument, f.eks.

<img src="..." onclick="initImage(this.src);">

Hej roenving.

Din kode virker men de billeder man skal kune klikke på er små billeder. Det billede der skal komme frem i div´en er en større udgave af jeg har dog løst problemet ved at skrive sådan:

onclick="initImage(foto1.src='STIEN PÅ DET STORE BILLEDE DER SKAL HENTES');"

Det virker i IE og Firefox.
Jeg går ud fra det er "lovlig JavaS." jeg har lavet (er ikke inde i JavaS. regler)?

Og et andet spørgsmål er, hvad er forskellen at skrive onclik efekten inde i img tag´et i forhold til <a> tag´et? Der er vel ingen??

Men ellers smid et svar og du får dine point. Og mange tak for hjælpen, det var super! :)

Du skriver vel

onclick="initImage('STIEN PÅ DET STORE BILLEDE DER SKAL HENTES');" ?o]

-- forskellen på at bruge onclick på et a-tag eller et andet tag er, at a-tags altid har den der pege-cursor, som man ved udløser et-eller-andet, på andre tags skal den sættes specielt, f.eks. ved at sætte style="cursor:pointer;" på tagget ...

-- desuden medtager a-tags en link-border, som man ellers specielt skal fjerne fra billeder ...

-- men link-tags har selvfølgelig den fordel, at hvis man lægger et link i dem, så vil det virke, også i de tilfælde, hvor en-eller-anden administrator misforstået har disablet javascript !-)

-- er dine billeder navngivet logisk (altså ikke af noget serverside ?-)

For så kunne vi vel grave navnet ud af billedets src ...

F.eks.

<img src="mitBillede_thumb.gif" onclick="initImage(this.src);">

function initImage(sti) {
  imageId = 'foto1';
  image = document.getElementById(imageId);
  if(sti){
    image.src = sti.replace(/_thumb\.gif$/,".jpg");//Så vil stien være: mitBillede.jpg !-)
  }
  setOpacity(image, 0);
  image.style.visibility = 'visible';
  fadeIn(imageId,0);
}

-- els velbekomme '-)

Hej Roenving

Det virker både ved at skrive
onclick="initImage(foto1.src='STIEN PÅ DET STORE BILLEDE DER SKAL HENTES');"

og

onclick="initImage('STIEN PÅ DET STORE BILLEDE DER SKAL HENTES');"

Men din måde er vel den mere korekte måde at gøre det på? Eller det er måske det samme?

Nu har jeg ikke haft tid til hverken at teste eller forfølge lige denne sag, men umiddelbart ser jeg det som en fejl at lave en tildeling i en funktionsparameter, og jeg tvivler stærkt på, at det vil du i særlig mange forskellige browsere ...

-- for hvis det fungerer, forlader det sig på en M$-proprietær måde at adressere elementer på, som bare vil producere fejl i de fleste browsere !-)

Ok og tak for hjælpen, her er point.

-- og jeg takker for point ;~}