myGully.com

myGully.com (https://mygully.com/index.php)
-   Programmierung (https://mygully.com/forumdisplay.php?f=67)
-   -   Hilfe html rollover (https://mygully.com/showthread.php?t=2005594)

Sassquash 07.03.10 12:53

Hilfe html rollover
 
Hallo alle zusammen
Ich habe ein kleines problem mit meiner Page, um genau zu sein mit einem rollover effekt.. dieser funktioniert wunderbar im internet explorer doch bei firefox werden alle bilder doppelt angezeigt :(

das s***** sieht ungefähr so aus :

PHP-Code:

<a href="page.html"

         
onmouseover="austausch1.src='bild1_hover.png';"
         
onmouseout="austausch1.src='bild1.png';">

         <
img src="bild1.png"
         
<img class="button1" width="313"height="548"
         
name="austausch1">
</
a


wenn ich die zeile
PHP-Code:

<img src="bild1.png" 

rausnehme wird auch in firefox alles richtig angezeigt doch logischer weise muss man dann erstmal einmal mit der maus über die bilder gehen damit diese angezeigt werden...

weiß zufällig jemand wie ich das problem lösen kann?
danke schonmal im voraus ;)

oorly 07.03.10 13:10

mmh eventuell bei
Code:

<img src="bild1.png"
ein ">" dazumachen. Etwas anderes wäre mir nicht aufgefallen.
Sprich so:
Code:

<a href="page.html" onmouseover="austausch1.src='bild1_hover.png';"
                                        onmouseout="austausch1.src='bild1.png';">
                                        <img src="bild1.png">
                                        <img class="button1" width="313"height="548" name="austausch1">
        </a>


Sassquash 07.03.10 13:18

ahh vielen dank ich habs hinbekommen ^^ deine variante hat zwar nich funktioniert aber die hat mich auf ne idee gebracht :D:D:D

es funktioniert wenn mans so macht :

PHP-Code:

<a href="page.html"

         
onmouseover="austausch1.src='bild1_hover.png';"
         
onmouseout="austausch1.src='bild1.png';">

         
         <
img class="button1" width="313"height="548"
         
img src="bild1.png"
         
name="austausch1">
</
a

vielen dank nochmal ohne deinen tipp wär ich nich drauf gekommen xDD

atkey 07.03.10 13:22

CSS Sprites
 
so einen bilderaustausch macht man schon lange nicht mehr mit javas*****, sondern mit CSS Sprites.


Alle Zeitangaben in WEZ +1. Es ist jetzt 16:37 Uhr.

Powered by vBulletin® (Deutsch)
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.