| Autor | Zpráva | ||
|---|---|---|---|
| MartinBen Profil |
#1 · Zasláno: 2. 7. 2012, 12:33:36
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 * |
#2 · Zasláno: 2. 7. 2012, 12:47:27
|
||
| Chamurappi Profil |
#3 · Zasláno: 2. 7. 2012, 15:30:14
Reaguji na MartinaBena:
Proč na tohle vůbec používáš JavaScript? (Tedy, na preload bude potřeba, ale na :hover rozhodně ne.)
|
||
| _es Profil |
#4 · Zasláno: 3. 7. 2012, 10:12:23
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 * |
#5 · Zasláno: 3. 7. 2012, 10:57:35
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. |
||
|
Časová prodleva: 11 let
|
|||
0