hilfe bei hover effekt

sYco

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

admin

Wo genau willst Du den Hover Effekt Eingbauen ?

sYco

der soll HIER hin.
halt wenn man über einen der links geht.

Student25

Vielleicht hilft dir der Thread:
https://www.forum-hilfe.de/viewtopic.php?t=2851&highlight=

sYco

danke hat mir teilweise geholfen...
ich hab da jetzt mal mit dem hier probiert:

Code

<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>

Alles anzeigen

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

Student25

Code

<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>

Alles anzeigen

Ne du brauchst nicht alles neu zu schreiben, das Beispiel ist für 4 Bilder.

sYco

cool danke ! läuft wunderbar

Tags