mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Di 19.03.2024 09:39 Benutzername: Passwort: Auto-Login

Thema: Bildwechsel mit Javascript vom 26.04.2005


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> Bildwechsel mit Javascript
Autor Nachricht
tschifu
Threadersteller

Dabei seit: 28.01.2003
Ort: Ingelheim
Alter: 42
Geschlecht: -
Verfasst Di 26.04.2005 21:15
Titel

Bildwechsel mit Javascript

Antworten mit Zitat Zum Seitenanfang

Guten Abend,

folgendes Problem: Ich habe ein Button als Bild. Wenn ich mit der Maus drüber rolle, wird das Bild ausgetauscht, wenn sie wieder raus rollt dann erscheint wieder das alte Bild. Soweit habe ich kein Problem.
Nun will ich aber, dass bei onClick das zweite Bild bleibt, sobald ich mit der Maus aber wieder rausrolle, kommt der onClick und onMouseOut Event Handler in Konflikt und es erscheint wieder das erste Bild.
Mit dem Code von Dreamweaver komm ich nicht zu recht, ich will es auch selbst verstehen.

Thanks

externe JS-Datei:
Code:

function changeImg(num,pic)
{
window.document.images[num].src = pic.src;
}



Aufruf des Scriptes in Html-Datei:

Code:
<a href="#" onmouseover="changeImg(1,pic_01)" onmouseout="changeImg(1,pic_01_down)" onclick="changeImg(1,pic_01)"">


Zuletzt bearbeitet von shakadi am Mi 27.04.2005 14:23, insgesamt 3-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Pixelpole

Dabei seit: 25.10.2004
Ort: Trier
Alter: 37
Geschlecht: Männlich
Verfasst Di 26.04.2005 21:16
Titel

Antworten mit Zitat Zum Seitenanfang

wär nich übel wenn du den Code mal posten würdest
  View user's profile Private Nachricht senden
Anzeige
Anzeige
Pixelpole

Dabei seit: 25.10.2004
Ort: Trier
Alter: 37
Geschlecht: Männlich
Verfasst Di 26.04.2005 22:06
Titel

Antworten mit Zitat Zum Seitenanfang

Code:

function changeImg(num,pic)
{
if(gewechselt == false)  {
   window.document.images[num].src = pic.src;
   }
}

function changeImgClick(num,pic)
{
   gewechselt == true;
   window.document.images[num].src = pic.src;
}


Du hasst einfach ne Variable die auf true gesetzt wird sobald du drauf klickst und. und dafür gibbet dann halt ne neue Funktion und in der alten überprüfst du einfach ob sie auf true oder false steht. Und wenn sie halt durch den Klick noch nich geändert wurde soll er halt die Funktion ausführen.

Hoffe ich hab dir damit geholfen *zwinker*
  View user's profile Private Nachricht senden
tschifu
Threadersteller

Dabei seit: 28.01.2003
Ort: Ingelheim
Alter: 42
Geschlecht: -
Verfasst Do 28.04.2005 09:03
Titel

Antworten mit Zitat Zum Seitenanfang

Hi Pixelpope,

hab es so aähnlich gemacht wie du es gesagt hast, hab eine Variable verwendet.
Code:

function changeImg(num,pic)

{
  gewechselt = false;
   window.document.images[num].src = pic.src;
   }

function changeImg2(num,pic)
{
if(gewechselt == false)  {
   window.document.images[num].src = pic.src;
   }
}

function changeImgClick(num,pic)
{
   gewechselt = true;
   window.document.images[num].src = pic.src;
}


Nun ist es aber so, wenn ich nach dem Klick das zweite Mal mit der Maus drüber und raus geh, dass er sich die variable true nicht merkt von der 3.Funktion und in die 1. wieder wechselt. Wie löse ich das?
[/code]


Zuletzt bearbeitet von tschifu am Do 28.04.2005 09:04, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
fyll

Dabei seit: 20.09.2003
Ort: Augsburg
Alter: 39
Geschlecht: Männlich
Verfasst Do 28.04.2005 10:19
Titel

Antworten mit Zitat Zum Seitenanfang

kp, probiers mal so..
Code:

<img src="out.gif" onMouseOver="this.src='over.gif'" onMouseOut="this.src='out.gif'" onClick="this.onmouseout=function(){this.src='over.gif'}" alt="" id="bla">

sollte eigentlich schon gehn - aber nicht wirklich getestet *zwinker*

//edit: moah ich hasse das mit dem *pah* -smiley! <-- Schuld!


Zuletzt bearbeitet von fyll am Do 28.04.2005 10:20, insgesamt 2-mal bearbeitet
  View user's profile Private Nachricht senden
Pixelpole

Dabei seit: 25.10.2004
Ort: Trier
Alter: 37
Geschlecht: Männlich
Verfasst Do 28.04.2005 21:52
Titel

Antworten mit Zitat Zum Seitenanfang

also du könntest das gewechselt=false auch in eine eigene Funktion schreiben die du dann im onLoad aufrufst. ICh glaub das müsste so gehen. Bin grad ein bisschen müde. Musste mal ausprobieren

PS: Ich bin der Pixelpole nicht der Pixelpope *bäh*
  View user's profile Private Nachricht senden
tuxedo

Dabei seit: 10.10.2002
Ort: ~/
Alter: 51
Geschlecht: -
Verfasst Do 28.04.2005 23:09
Titel

Antworten mit Zitat Zum Seitenanfang

hab da vor längerer zeit ür jemanden hier im forum was gebastelt...
schau mal vielleicht hilft dir das weiter...
musst du halt entsprechend anpassen...
wenn du fragen hast, frag...
*zwinker*
  View user's profile Private Nachricht senden
 
Ähnliche Themen Bildwechsel mit JavaScript
Bildwechsel - Javascript
bildwechsel per javascript
[JavaScript] Bildwechsel-Schleife
javascript/ bildwechsel/ funzt nicht!!
javascript-bildwechsel in anderen bereich!
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.