Autor Zpráva
MartinBen
Profil
Dobrý den,

prosím o pomoc. Mam následující jQuery kód.

$(document).ready(function() {

$(".uvod").hover(
function() {
$("#header").css({"background-image" : "url(./img/header-uvod.png)"});
},
function() {
$("#header").css({"background-image" : "url(./img/header.png)"});
}
);

$(".fotografie").hover(
function() {
$("#header").css({"background-image" : "url(./img/header-fotografie.png)"});
},
function() {
$("#header").css({"background-image" : "url(./img/header.png)"});
}
);

$(".reference").hover(
function() {
$("#header").css({"background-image" : "url(./img/header-reference.png)"});
},
function() {
$("#header").css({"background-image" : "url(./img/header.png)"});
}
);

$(".media").hover(
function() {
$("#header").css({"background-image" : "url(./img/header-media.png)"});
},
function() {
$("#header").css({"background-image" : "url(./img/header.png)"});
}
);

$(".kontakt").hover(
function() {
$("#header").css({"background-image" : "url(./img/header-kontakt.png)"});
},
function() {
$("#header").css({"background-image" : "url(./img/header.png)"});
}
);


});

Funguje dobře. Jen po každé po najetí myší na příslušný element, na který se má aplikovat hover efekt, pozadí problikne. Chápu čím je to způsobené. Jen nevím, jak pomocí JavaScriptu či jQuery přednahrát css pozadí background-image, abych zabránil probliku.


Vím, že mohu pomocí CSS pozadí pozicovat, pokud bych vytvořil jeden obrázek na pozadí. Ale toto řešení mi nepřijde v tomto konkrétním případě ideální.

Nemáte někdo nápad?
Prosím děkuji.
margin
Profil *
Preload obrázku
Chamurappi
Profil
Reaguji na MartinaBena:
Proč na tohle vůbec používáš JavaScript? (Tedy, na preload bude potřeba, ale na :hover rozhodně ne.)
_es
Profil
Chamurappi:
na preload bude potřeba
Nestačí načítať normálny obrázok (v HTML), ktorý je skrytý cez CSS, alebo má nulové rozmery?
margin
Profil *
Chamurappi:
Proč na tohle vůbec používáš JavaScript?
Dříve byl JavaScript fuj, ale dneska se všechno dělá přes JQuery.

MartinBen:
Vím, že mohu pomocí CSS pozadí pozicovat, pokud bych vytvořil jeden obrázek na pozadí. Ale toto řešení mi nepřijde v tomto konkrétním případě ideální.
Pročpak?

Hezké řešení je na http://www.webylon.info/K.46#I "— Živá ukázka pseudotřídy :hover", koukni do zdrojáku.

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: