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 |
|
|
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
|
|
|
|
|
Pixelpole
Dabei seit: 25.10.2004
Ort: Trier
Alter: 37
Geschlecht:
|
Verfasst Di 26.04.2005 21:16
Titel
|
|
|
wär nich übel wenn du den Code mal posten würdest
|
|
|
|
|
Anzeige
|
|
|
Pixelpole
Dabei seit: 25.10.2004
Ort: Trier
Alter: 37
Geschlecht:
|
Verfasst Di 26.04.2005 22:06
Titel
|
|
|
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
|
|
|
|
|
tschifu
Threadersteller
Dabei seit: 28.01.2003
Ort: Ingelheim
Alter: 42
Geschlecht: -
|
Verfasst Do 28.04.2005 09:03
Titel
|
|
|
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
|
|
|
|
|
fyll
Dabei seit: 20.09.2003
Ort: Augsburg
Alter: 39
Geschlecht:
|
Verfasst Do 28.04.2005 10:19
Titel
|
|
|
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
//edit: moah ich hasse das mit dem -smiley!
Zuletzt bearbeitet von fyll am Do 28.04.2005 10:20, insgesamt 2-mal bearbeitet
|
|
|
|
|
Pixelpole
Dabei seit: 25.10.2004
Ort: Trier
Alter: 37
Geschlecht:
|
Verfasst Do 28.04.2005 21:52
Titel
|
|
|
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
|
|
|
|
|
tuxedo
Dabei seit: 10.10.2002
Ort: ~/
Alter: 51
Geschlecht: -
|
Verfasst Do 28.04.2005 23:09
Titel
|
|
|
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...
|
|
|
|
|
|
|
|
Ähnliche Themen |
Bildwechsel mit JavaScript
Bildwechsel - Javascript
bildwechsel per javascript
[JavaScript] Bildwechsel-Schleife
javascript/ bildwechsel/ funzt nicht!!
javascript-bildwechsel in anderen bereich!
|
|