button preload in css

Niklas

Hallo ihr Experten!

Ich hab über die Foren suche nix gefunden, deshalb frag ich euch mal direkt:

Ich habe das Problem, dass ich in meiner Navi einen Button Rollover habe (klick) Nun werden, wie ihr ja vermutlich sehen könnt, die rollover Buttons erst geladen, wenn man mit der Maus darüber geht. Und genau das stört mich. Die Buttons werden aber nicht per HtmL sondern per css eingefügt:

HtmL code:

Code

<td class="kopf-uns">[url='uns/index.htm'][img]grafik/pixel.png[/img][/url]</td>

css code:

Code

.kopf-uns {
	background-image:url(css/kopf-uns-hell.jpg);
	width:100px;
	height:29px;
}
.kopf-uns:hover {
	background-image:url(css/kopf-uns-dunkel.jpg);
}

Ich hoffe, wenn ihr mein Problem verstanden habt, das ihr mir helfen könnt.

Danke!

driver

wenn du es mit java-script einbindest ?

Niklas

Das wär ne idee, nur ich weiß nicht wie, ich hab bis jetzt nur schnipsel für HtmL gefunden, und ich kann ja keinen Preload für ne div class machen...

Wenn du mir sagst, wie das in css geht, dann gerne!

Niklas

Hmm, hat einer ne Idee???

No0ob

http://www.onetwomax.de/newsimg/2004/0…Preloading1.txt
http://www.globalrph.com/davescripts/preload.htm
http://javascript.internet.com/miscellaneous/preload-images.html
http://www.web-toolbox.net/webtoolbox/bil…es-vorladen.htm

cookie

ich glaub das ging noch viel leichter... einfach so:

Code

[img]bild das du vorladen mögtest.png[/img]

also quasi einfach das bild laden nur nicht anzeigen lassen dann müsste es im cache sein!

Niklas

Hmm, nee das funktioniert alles nicht, das Problem ist, das er ncith rafft, das die Bilder, die er sich in den Cache geladen hat, die Bilder sind, auf die dann die css datei zugreift. ...

SonicChriz

Code

<td class="kopf-uns">[url='uns/index.htm'][/url]</td>

und die css:

Code

.kopf-uns a:link {
   background-image:url(css/kopf-uns-hell.jpg);
   width:100px;
   height:29px;
   display: block;
}
.kopf-uns a:hover {
   background-image:url(css/kopf-uns-dunkel.jpg);
   display: block;
}

so dürfte es klappen...

Tags