hallöle...
ich hab heute versucht nen hover effekt einzubauen doch es ist mir nicht gelungen 
nu wollt ich euch um hilfe bitten wie ich das anstellen kann
meine seite is
diese hier
hilfe bei hover effekt
-
- Offizieller Beitrag
Wo genau willst Du den Hover Effekt Eingbauen ?
-
Vielleicht hilft dir der Thread:
https://www.forum-hilfe.de/viewtopic.php?t=2851&highlight= -
danke hat mir teilweise geholfen...
ich hab da jetzt mal mit dem hier probiert:Code
Alles anzeigen<HTML> <HEAD> <script language="JavaScript"> <!-- function newImage(arg) { if (document.images) { rslt = new Image(); rslt.src = arg; return rslt; } } function changeImages() { if (document.images && (preloadFlag == true)) { for (var i=0; i<changeImages.arguments.length; i+=2) { document[changeImages.arguments[i]].src = changeImages.arguments[i+1]; } } } var preloadFlag = false; function preloadImages() { if (document.images) { b1_over = newImage("bild-over.jpg"); preloadFlag = true; } } // --> </script> </HEAD> <BODY ONLOAD="preloadImages();"> <P ONMOUSEOVER="changeImages('b1', 'bild-over.jpg'); return true;" ONMOUSEOUT="changeImages('b1', 'bild.jpg'); return true;"> [img]bild.jpg[/img]</P> </BODY> </HTML>aber das ja nur für 1 bild.
ich hab da nen paar mehr wo gewechselt werden muss.
theoretisch müsste ich dann das ja für 6 bilder 6 mal das ganze schreibn...
bin mir sicher das das auch anders geht
aber leider weiß ich nich wie -
Code
Alles anzeigen<HTML> <HEAD> <script language="JavaScript"> <!-- function newImage(arg) { if (document.images) { rslt = new Image(); rslt.src = arg; return rslt; } } function changeImages() { if (document.images && (preloadFlag == true)) { for (var i=0; i<changeImages.arguments.length; i+=2) { document[changeImages.arguments[i]].src = changeImages.arguments[i+1]; } } } var preloadFlag = false; function preloadImages() { if (document.images) { b1_over = newImage("bild-over1.jpg"); b2_over = newImage("bild-over2.jpg"); b3_over = newImage("bild-over3.jpg"); b4_over = newImage("bild-over4.jpg"); preloadFlag = true; } } // --> </script> </HEAD> <BODY ONLOAD="preloadImages();"> <P ONMOUSEOVER="changeImages('b1', 'bild-over1.jpg'); return true;" ONMOUSEOUT="changeImages('b1', 'bild1.jpg'); return true;"> [img]bild1.jpg[/img]</P> <P ONMOUSEOVER="changeImages('b2', 'bild-over2.jpg'); return true;" ONMOUSEOUT="changeImages('b2', 'bild2.jpg'); return true;"> [img]bild2.jpg[/img]</P> <P ONMOUSEOVER="changeImages('b3', 'bild-over3.jpg'); return true;" ONMOUSEOUT="changeImages('b3', 'bild3.jpg'); return true;"> [img]bild3.jpg[/img]</P> <P ONMOUSEOVER="changeImages('b4', 'bild-over4.jpg'); return true;" ONMOUSEOUT="changeImages('b4', 'bild4.jpg'); return true;"> [img]bild4.jpg[/img]</P> </BODY> </HTML>Ne du brauchst nicht alles neu zu schreiben, das Beispiel ist für 4 Bilder.
-
cool danke ! läuft wunderbar
