Autor Zpráva
pefetofo
Profil
Dobrý deň chcel by som java script alebo niečo podobné na prechod obrázku.
Zatial som používal tento kód :
<a href="LINK NA VELKY OBRAZOK" class="big-image"><img src="OBRAZOK 1" onmouseover="this.src='OBRAZOK 2';" onmouseout="this.src='OBRAZOK 1';"></a>

ale ten prechod je okamžitý čiže iba skok z obrázka na obrázok ale ja by som chcel plinulý prechod videl som to už na neakých ztránkach ako napríklad sivá ikona facebook plinule prejde do modrej ikony facebook.
Existuje niečo takéto pre HTML ?

"big image" je javascript na fancybox
pcmanik
Profil
pefetofo:
Pre HTML nieje nic take, ani to co si napisal nieje HTML, je tam skombinovany javascript. Ten prechod si budes musiet napisat sam v javascripte, alebo pogooglit.
peta
Profil
Nejlepe javascript, kombinace casovac + opacity.
http://axpsu.fpf.slu.cz/~web/x/sl3.htm

Pro IE se da pouzit i toto:
http://msdn.microsoft.com/en-us/library/ms532853%28v=vs.85%29.aspx
http://samples.msdn.microsoft.com/workshop/samples/author/dhtml/DXTidemo/DXTidemo.htm
http://samples.msdn.microsoft.com/workshop/samples/author/filter/Fade.htm
<SCRIPT>
var bToggle = 0;
function fnToggle() {
    oDiv.filters[0].Apply();                   
// After setting Apply, changes to the oDiv object 
//  are not displayed until Play is called.

      if (bToggle) {                                                        
        bToggle = 0;
        oDiv.style.backgroundColor="orange";}
    else {
        bToggle = 1;
        oDiv.style.backgroundColor="blue";}  
    oDiv.filters[0].Play();
}
</SCRIPT>

  <BUTTON onclick="fnToggle()">Toggle Transition</BUTTON><BR/><BR/>
<DIV ID="oDiv" STYLE="height:250px; width:250px; background-color: orange;
                filter:progid:DXImageTransform.Microsoft.gradientWipe(
                duration=3, gradientsize=0.5);">
</DIV>
pefetofo
Profil
Ďakujem.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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