Login  Regeln Aktuelles Datum und Uhrzeit: 09.01.2009, 10:33  
Startseite
Registrieren
Profil
Suchen
Mitgliederliste
Verzeichnis
Impressum



Partner
kostenlose Homepage
Fussball
Kostenloses Forum
SMS kostenlos
Webhosting
Webmasterportal
Kostenlos
Kredit ohne Schufa
Esoterik-Forum
Selbsthilfeforum
Artikel Backlink
Datenrettung
navi hover grafik mit verzögerung

 
Neues Thema eröffnen   Neue Antwort erstellen    Webmaster Forum -> HTML & CSS
Vorheriges Thema anzeigen Nächstes Thema anzeigen 
Autor Nachricht
Tijan
Helfer [User]
Helfer



Anmeldung: 02.05.06
Beiträge: 150

BeitragVerfasst am: 08.05.2006, 15:19    Titel: navi hover grafik mit verzögerung Antworten mit Zitat

hi,
ich habe eine navigation mit einem mousovereffekt (hover). wenn ich jetz auf die seite gehe und das erstemal auf einen button gehe wird dieser erst weis bis die grafik für den effekt geladen ist. wie kann ich diese grafiken schon beim seiteaufbau mit laden?

mfg & thx


Nach oben
Private Nachricht senden
chris1988
Bekannter [User]
Bekannter



Anmeldung: 12.12.05
Beiträge: 1686

BeitragVerfasst am: 08.05.2006, 15:41    Titel: Antworten mit Zitat

z.B. in dem du die Grafik woanders mit einer Größe von 1x1 Px lädst, sodass sich die Grafik schon im cache befindet.

Aber zeig doch mal wie das genau aussieht, oft kann man da mit css einiges machen!


Nach oben
Private Nachricht senden
beamtwister
Stammuser [User]
Stammuser



Anmeldung: 02.05.06
Beiträge: 37
Wohnort: Eberswalde ...

BeitragVerfasst am: 08.05.2006, 18:53    Titel: Antworten mit Zitat

Ich realisiere das meißt so, dass ich beide Grafiken direkt untereinander als eine Grafik zusammenfüge. Diese große Grafik wird dann gleich komplett geladen. Wenn sie z.B. eine Höhe von 22px hätte würde das im css dann so angegeben:

Code:
.leftnav a {
height: 22px;
padding:............;
margin: ............;
color: #......;
text-decoration: none;
text-align: center;
background-image: url("../bilder/buttonrechts.jpg");
display: block;
overflow: hidden;
}


und für den Hovereffekt benötige ich dann:

Code:
.leftnav a:hover {
text-decoration: underline;
color: #.....;
background-position: 0 -22px;
}


So gibt es keine Ladezeiten, und ich muss keine Grafik irgendwo auf der Seite verstecken, sonder habe es alles in der css-Datei erledigt.

Gruß Thilo


Nach oben
Private Nachricht senden
chris1988
Bekannter [User]
Bekannter



Anmeldung: 12.12.05
Beiträge: 1686

BeitragVerfasst am: 09.05.2006, 16:17    Titel: Antworten mit Zitat

geschickt Winken

Nach oben
Private Nachricht senden
beamtwister
Stammuser [User]
Stammuser



Anmeldung: 02.05.06
Beiträge: 37
Wohnort: Eberswalde ...

BeitragVerfasst am: 09.05.2006, 19:04    Titel: Antworten mit Zitat

Nun ja, dass ist auch nicht auf meinem Mist gewachsen, sondern ich habe es irgendwan mal abgeschaut. Die Grafik (den sichtbaren Teil) einfach zu verschieben fand ich einfach praktischer, wie ein preload.
Es gibt so viele Sachen zu entdecken, auch im Quellcode Winken

Gruß Thilo


Nach oben
Private Nachricht senden
Beiträge der letzten Zeit anzeigen:   
Neues Thema eröffnen   Neue Antwort erstellen Alle Zeiten sind GMT + 1 Stunde
Seite 1 von 1

Gehe zu:  

Ähnliche Beiträge
Thema Autor Forum Antworten Verfasst am
Keine neuen Beiträge Hilfe (PHP,CSS,Grafik) gesucht f. Pro... diamantlinks Kleinanzeigen 0 03.01.2009, 12:24 Letzten Beitrag anzeigen
Keine neuen Beiträge Hättest du Lust die Grafik für die nä... cc001 Grafik-Forum 0 19.11.2008, 19:19 Letzten Beitrag anzeigen
Keine neuen Beiträge nach außen gewölbte Grafik Erstellen $$freaky44$$ Grafik-Forum 4 16.11.2008, 18:06 Letzten Beitrag anzeigen
Keine neuen Beiträge Bilder mit Grafik (Logo) stempeln raffl Grafik-Forum 5 14.11.2008, 13:32 Letzten Beitrag anzeigen
Keine neuen Beiträge [S] Grafik- und Webdesigner Misor Kleinanzeigen 0 28.10.2008, 22:21 Letzten Beitrag anzeigen
Threadübersicht