| Autor | Zpráva | ||
|---|---|---|---|
| petr010 Profil |
Dobrý den,
mám problém se stránkama http://www.elbenda.cz/ chtěl jsem udělat plynulí přechod mezi dvouma obrázkama aby to vypadalo tak že když dotyčný najede myší na kolovrat tak se pomalu rozzáří a pomalu se vrátí do povodni podoby. A v tom je ten problém pomocí kódu .html <div id="muj_odstav" style="position: absolute; top: 436px; left: 305px; z-index: 3">
<script>
promenna = new Image();
promenna.src = "img/Obrázek7_1_3.png";
</script>
<a href="kovane_vyrobky.html"><img src="img/oblast.png" border=0 onmouseover="this.src='img/Obrázek7_1_3.png'" alt="truhlice" title="kované výrobky" onmouseout="this.src='img/oblast.png'"></a>
</div>-------------- .js $("#muj_odstav").mouseover(function(){
$(this).fadeOut(1000);
});
$("#muj_odstav").mouseout(function(){
$(this).fadeIn(1000);
});se mě podařilo aby se po najetí myši začali překrývat ale poprvé když na obrázek najedu se hned vymění a nic plynulého to ne ni. měl by někdo řešení??? |
||
|
Časová prodleva: 4 dny
|
|||
| bukaJ Profil |
#2 · Zasláno: 16. 10. 2011, 16:30:34
Máš tam obrázek oblast.png, který je průhledný a skokově ho přeměníš na obrázek kolovratu a pak zase zpět. Proto ten skok.
Na ten průhledný obrázek se vyprdni a do těch pozicovaných obrázků vlož přímo ten rozsvícený kolovrat a do stylu obrázku napiš display: none; Při najetí myši pak spustíš jen $(this).fadeIn(1000); a při mouseout zase $(this).fadeOut(1000); a je to. |
||
|
Časová prodleva: 13 let
|
|||
0