Mouseover Bilder

Dieses Thema im Forum "Webentwicklung" wurde erstellt von FliesGold, 9. November 2005 .

Schlagworte:
Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies. Weitere Informationen
  1. #1 9. November 2005
    Hi leute,
    hab da mal ne frage bezüglich so mouseover, weis nicht genau wie ichs sagen soll ?(

    also es gibt ja (ich machs mit dreamweaver) die möglichkeit bilder zu machen wo wenn ich mit der maus drüber gehe dann ein anderes draus wird.

    nun würd ichs gerne so haben, das rechts z.b "home" und "kontakt" steht, und wenn ich mit der maus drüber gehe, dann soll sich links sein kreis unterschiedlich einfärben mit unterschiedlichen bildern.
    also ein völlig anderes bild soll sich jeweils ändern.

    hoffe ihr habts verstanden und könnt mir helfen bzw. sagen was ich machen muss! =)

    mfg FliesGold
     

  2. Anzeige
  3. #2 9. November 2005
    Du brauchst 2 verschiedene Bilder, die du in html mit Hilfe eines mouseover-befehls (google hilft) einbindest
     
  4. #3 10. November 2005
    ich weis nicht gena was dein prob sein soll enfach in dreamweaver das erste bild reinmachen und dann das zweite und schon haste das was du wolltest
     
  5. #4 10. November 2005
    wenn ich dich richtig verstanden hab und du nicht das bild verändern willst bei dem man mit der maus grad drauf ist dan brauchste java aber wie das geht das weiß ich leider nicht muste mal googln und da wird schon was geben.
     
  6. #5 10. November 2005
    da mein netter hilfe post ja gelöscht wurde ;)

    try this
    Code:
    
    <script type="text/javascript">
    
    Normal1 = new Image();
    Normal1.src = ""; /* erste Standard-Grafik */
    Highlight1 = new Image();
    Highlight1.src = ""; /* erste Highlight-Grafik */
    
    
    
    function Bildwechsel(Bildnr,Bildobjekt) {
     window.document.images[Bildnr].src = Bildobjekt.src;
    }
    
    </script>
    
    <a href="index.html" onMouseOver="Bildwechsel(0,Highlight1)" onMouseOut="Bildwechsel(0,Normal1)"><img src="bild.jpg">TEST</a>
    
    trozdem hätte google geholfen :p ;)
     
  7. #6 10. November 2005
    hab mal gegoogelt aber nicht gewust nachwas ich genau suchen soll und deshalb nix gefunden, aber das geht! big thx! =)
     
  8. #7 10. November 2005
    bevor ich ein neues Thema anfang hau ich´s hier mal rein!


    Funktioniert, der Mouseover-Effekt auch als Animation???


    Also, so, dass sich das Bild nicht nur auf einen Schlag ändert, und dann ist rum,
    sondern das man mehrere Bilder dran hängen kann und die dann abgespielt werden
     
  9. #8 10. November 2005
    du kannst gifs einbinden aber nicht mehrere hintereinander du kannst ein hauptgif machen und beim mouseover eine ani gif das funzt
     
  10. #9 10. November 2005
    der effekt könnte doch besser sein,w enn man die bilder "vorausladen" lässt nich?
    oder hast dui das schon in dem code?
     
  11. #10 10. November 2005
    naja die dateien sind meinstens so klein das die nicht vorrausgeladen werden müssen mit nem preloader
     
  12. #11 16. November 2005
    trotzdem kann es sehr gut zu verzögerungen kommen, auch wenn sie manchmal nur sehr klein sind, aber sie können stören, deshalb würde ich alle bilder vorladen
     

  13. Videos zum Thema
Die Seite wird geladen...
Similar Threads - Mouseover Bilder
  1. Antworten:
    1
    Aufrufe:
    668
  2. Antworten:
    1
    Aufrufe:
    590
  3. Bildaustausch - Mouseover Effect

    x4you , 8. September 2010 , im Forum: Webentwicklung
    Antworten:
    3
    Aufrufe:
    310
  4. Antworten:
    6
    Aufrufe:
    1.722
  5. Antworten:
    0
    Aufrufe:
    311