Headerpic wechslen

[Lakai]

Hallo miteinander
Ich arbeite gerade an einer Homepage, in welche es zu oberst ein grosser Headerbild gibt und rechts viele kleinere. Mit einem mouseover sollte das kleine bild als Headerbild erscheinen. Ich möchte das übere eine Funktion lösen der ich den Pfad des grossen Bildes übergebe.

Ist das überhaupt möglich ohne dass die Seite jedesmal neugeladen werden muss? Ich danke euch für eure Antworten.

Liebe Grüsse
Lakai

[suit]

Ist das überhaupt möglich ohne dass die Seite jedesmal neugeladen werden muss?

ja

wenn du dich jetzt über diese Antwort wunderst, solltest du die Tipps für Fragende nochmal lesen

[EKKi]

Mahlzeit Lakai,

Ich arbeite gerade an einer Homepage, in welche es zu oberst ein grosser Headerbild gibt und rechts viele kleinere. Mit einem mouseover sollte das kleine bild als Headerbild erscheinen. Ich möchte das übere eine Funktion lösen der ich den Pfad des grossen Bildes übergebe.

Ich würde das mit einer Kombination von http://de.selfhtml.org/javascript/sprache/eventhandler.htm#onmouseover@title=onmouseover, http://de.selfhtml.org/javascript/sprache/eventhandler.htm#onmouseout@title=onmouseout und http://de.selfhtml.org/javascript/objekte/images.htm@title=document.images (oder alternativ http://de.selfhtml.org/javascript/objekte/document.htm#get_element_by_id@title=document.getElementById()) versuchen ...

MfG,
EKKi

[minicrispie]

Hallo,

wie wärs mit:

function BildchenWechselDich(Adresse)  
  {  
    document.images["NameVomHeaderBild"].src=Adresse;  
  }

MfG. Christoph

[schwarze Piste]

Tachchen!

Mit einem mouseover sollte das kleine bild als Headerbild erscheinen.

Darf es auch bei einem :hover sein?
Das verhindert auch die Verzögerung, wenn das Bild noch geladen werden muss.

Gruß

Die schwarze Piste

[minicrispie]

Hallo,

Darf es auch bei einem :hover sein?
Das verhindert auch die Verzögerung, wenn das Bild noch geladen werden muss.

is eigentlich noch besser als JS ... ^^ (nur um das ma zu sagn)

MfG. Christoph

[Lakai]

Darf es auch bei einem :hover sein?

Hallo, danke für die Antworten! Das Problem ist, dass ich das dynamisch mit php erstelle, damit der Kunde die Bilder selbsthochladen kann. Da ich aber relativ wenig Ahnung von JS habe ist das so ne Sache...

Ich hab mal ein bisschen rumprobiert aber es klappt irgendwie nicht.
Meine Idee war eine swap Funktion:

function swap (path)  
{  
 document.headerpic.src = path;  
}

Dazu hab ich noch im Header das <img>-Tag mit name="headerpic" versehen.
Und die kleinen Bilder auf <img mouseover="javascript:swap('Dateipfad')"...> abgeändert.

Sollte meiner Meinung nach eigentlich auch klappen. Oder seh ich das falsch?

Liebe Grüsse
Lakai

[EKKi]

Mahlzeit Lakai,

es klappt irgendwie nicht.

"Es klappt irgendwie nicht" ist genau so "funzt net" irgendwie keine hilfreiche Fehlerbeschreibung ...

Meine Idee war eine swap Funktion:

function swap (path)

{
document.headerpic.src = path;
}

  
Wieso nutzt Du nicht die von [minicrispie](https://forum.selfhtml.org/?t=176941&m=1164869) vorgeschlagene Syntax?  
  
  

> Dazu hab ich noch im Header das <img>-Tag mit name="headerpic" versehen.  
  
Was meinst Du mit "im Header"?  
  
  

> Und die kleinen Bilder auf <img mouseover="javascript:swap('Dateipfad')"...> abgeändert.  
  
Was für ein Attribut soll "mouseover" sein? Meinst Du vielleicht "<http://de.selfhtml.org/javascript/sprache/eventhandler.htm#onmouseover@title=onmouseover>"? Was für ein Protokoll soll "javascript:" sein? Der Wert von Eventhandler-Attributen ist immer Javascript-Code, also lass das "javascript:" weg.  
  
  

> Sollte meiner Meinung nach eigentlich auch klappen. Oder seh ich das falsch?  
  
Nö, sollte (mehr oder weniger).  
  
  
MfG,  
EKKi  

-- 
sh:( fo:| ch:? rl:( br:> n4:~ ie:% mo:} va:) de:] zu:) fl:{ ss:) ls:& js:|

[minicrispie]

Hallo,

Wieso nutzt Du nicht die von minicrispie vorgeschlagene Syntax?

Genau ... anscheinend ist doch manchmal was guddes von mir dabei ^^

MfG. Christoph

[schwarze Piste]

Tachchen!

Darf es auch bei einem :hover sein?

Ich würde dir noch immer gerne diese Lösung aufdrängen.
Sie ist simpel und nichts hindert dich, die erforderlichen Bilder
schlicht per PHP aus einem Ordner auszulesen und einzubinden.

Dann muss der Kunde die Bilder nur noch in den Ordner laden und
der Rest läuft von alleine; unabhängig von JavaScript.

Gruß

Die schwarze Piste