Navigation mit hover

Andreas84

Hallo,

ich möchte gerne eine Navigation auf meine Seite einbauen, bei der durch einen hover eine andere Grafik geladen werden soll.

Jedoch soll diese Grafik irgendwie schon vorgeladen werden, dass es beim hover nicht mehr zu Ladezeiten kommt und der User währenddessen keine Grafik sieht.

Wie mache ich das am besten?

Vielen Dank schon mal im Voraus.

Gruß,
Andreas

driver

https://www.forum-hilfe.de/viewtopic.php?t=27157

Andreas84

Danke

Also müsste der Code für ein "Home" Bild in der Navi so aussehen:

Stimmt das so? Für was brauche ich denn das "image1.src"? Kann ich das auch über die style.css definieren oder ist das dann aufwendiger?

driver

steht des nicht mit drin, weiter unten ?

kannst auch über css definieren.
dann halt mit background-image:url(...);

Andreas84

ist das denn um so viel schicker?

Andreas84

hab jetzt noch einmal geschaut. Auf der Seite https://www.forum-hilfe.de/viewtopic.php?t=27157 gibts keinen Hinweis, wie man das auch mit einer style.css hinbekommt.

topfblume

moin ...

Mit css ist in sofern "schicker", dass Du nicht auf js angewiesen bist, welches der user abgeschalltet haben könnte.

Reichlich Hinweise zu Pseudoklassen in Verbindung mit background-image gibt es hier auch. Musst es also nur noch umsetzen.
Vorladen könntest Du die Bilder eventuell mit der display Eigenschaft.

gruß ...

Andreas84

Vorladen tu ich die Bilder momentan mit folgendem Code:

Code

<body onload="BilderVorladen('img/topnavi/agb_on.gif','img/topnavi/forum_on.gif',
'img/topnavi/startseite_on.gif','img/topnavi/kontakt_on.gif','img/topnavi/laden_on.gif','img/topnavi/partnerprogramm_on.gif','img/topnavi/shop_on.gif',
'img/topnavi/unternehmen_on.gif','img/topnavi/zahlungversand_on.gif')">

Ist das so ok?

Könnt ihr mir vielleicht einen Beispielcode nennen, den ich dann auf meiner Startseite für die Navi einbauen kann und einen für meine style.css, damit dann beim hover ein neues Bild geladen wird? Wäre euch echt dankbar

Elvis

Mal ganz nebenbei gefragt....

Was sind das für Grafiken, die man für die Navi vorladen muss? ein paar kb hat doch fast jede Internetverbindung in Bruchteilen aufgebaut....

Wolfi

Es geht, denke ich mal, darum das User mit einem Modem nicht sofort 5KB geladen haben und somit kein BG-Image da ist sondern nur der Text (wenn man mit CSS :hover etc. arbeitet und den Text per HTML setzt...).
Also müsste man ein List-Menü machen welches mit CSS designed ist und dann die :hover Grafik und :active Grafik vorladen.
Und das ist auch mein Problem!

Ich habe alles mit CSS gemacht und nutze JS nur für Tools wie eine Uhr mit Datum und ein kleinen Aufklap-Effekt im Menü. Das Menü ist wie gesagt eine ungeordnete Liste...
Also könnte mir wer helfen wie ich mehrer Grafiken aufeinmal vorlade?
Hier ist die Seite wenn ihr mal gucken wollt:
http://www.abi-area-06.de.gg

Wäre super wenn mir einer helfen könnte.

Wolfi

Tags