Mouseover-effect welche Websprache

[Pikachu]

Hallo,
ich würde gerne wissen, ob manche Websprachen den mouseover-effect schneller präsentieren als andere?
Mir kommt es nämlich manchmal so vor.
Einbildung oder Tatsache?

Oder ist nur die Dateigröße der Bilder ausschlaggebend?

Danke.

 

[Korrn]

Oder ist nur die Dateigröße der Bilder ausschlaggebend?

Tatsachen: Es kann nicht nur von der verwendeten Sprache abhängig sein. Verwendetes Betriebssystem, Systemlast, Browser und möglicherweise Browserkomponenten spielen eine Rolle.

Was genau willst Du eigentlich wissen? Klingt für mich als hättest Du noch irgendwas im Hinterkopf.

 

[Pikachu]

Naja, eigendlich nur welches die schnelle Websprache für mouseover ist.

Weil ich gerade eine Webseite baue und im Hintergrund bereits ein 227x174px großes bewegtes gif habe. Das hab ich als Borderhintergrund (mit dem Befehl "background-repeat:repeat-x;" bis zum Ende des Borders).

Ich habe mir überlegt, etwa 3-4 Menüpunkte zu machen. Die Überschriften von den Menüpunkten dann als Bilddatei mit mouseover hinzuzufügen.

Und weil ich nicht will, dass das Ganze ewig zum Laden braucht frag ich lieber mal, um das Ganze vielleicht etwas zu verkürzen.

 

[Korrn]

Ich würde vorschlagen, dass Du den Effekt testweise mit verschiedenen Sprachen einbaust und dann testest. Aber wie gesagt, es hängt von mehr, als der Sprache ab.

Wenns mit CSS geht, dann machs mit CSS. Java/Java-Script hab ich z.B. standardmäßig abgeschaltet - kein Mouse-Over für mich.
Wenn Deine Seite mit ASP/Flash-basierend oder so ist, dann wären diese Effekte ohnehin Deine geringsten Probleme.

Die Bilder müssen aber zum Seitenbesucher. Die Frage wäre dann, ob die erst beim Mouse-Over übertragen werden (fühlt sich u.U. wie Lag an), oder diese gleich zu Anfang geladen werden (dann fühlt sich die ganze Seite langsamer an).

 

[HorstSchlemmer]

Kannst du uns die Seite mal zeigen oder sagen was genau du machen willst?

Kann sein, dass das rein über CSS geht, kann aber auch sein, dass du JS brauchst.

Bisher vermute ich sowas:
http://www.cssplay.co.uk/menus/slide_definition.html

 

[Pikachu]

Ja das könnte euch wohl weiterhelfen.
Da die Menüpunkte als mouseover.

Also ich hab immer das Gefühl, als ob er die Grafiken/mouseover erst läd wenn man mit der Maus drüber geht. Das macht das ganze halt irgendwie sichtbar.

 

[HorstSchlemmer]

Welchen Mouseover-effect hättest du denn gerne?
ein Menü das ausklappt oder nur eine Veränderung der Grafik wenn man mit der Maus drüber geht?

 

[Pikachu]

Zweitens.

Also ich geh z.B. über das Bild "Final result" und das wird dann für ein anderes Bild getauscht. Wenn ich mit der Maus von dem Bild runter geh, soll es wieder das Ursprungsbild sein.

Vom optischen her, halt wie der blaue Button.

 

[HorstSchlemmer]

<style>
a.bla    
   { 
display:block;
background-image:url(bild1.jpg);
width:130px; height:35px;
   }
a.bla:hover 
  { 
background-image:url(bild2.jpg); 
   }
 </style>

Einbinden dann über <a href="#" class="bla">&n.bsp;</a> und width und height an deine Bedürfnisse anpassen.

 

[Pikachu]

OK danke sehr ihr zwei.

 

[HorstSchlemmer]

Jetzt wo ichs sehe hab ich auch dein Problem mit dem Bildaufbau verstanden.
Wenn man mit der Maus drüber geht wird natürlich erst dann das alternative Bild angefragt.
Lässt sich aber ganz einfach beheben, bau die 3 Bilder für die Buttons irgendwo nochmal in die Seite ein und zwar so:

<img src="deinBild" style="display:none" />
Das dann mit jedem Bild machen. Die Bilder werden dann nicht angezeigt, aber trotzdem beim Seitenaufruf schon mitgeladen, das verhindert die Verzögerung.

 

[Pikachu]

Ah ja, an sowas hab ich gedacht. Danke noch mal.