Új hozzászólás Aktív témák

• fordfairlane veterán

  #3852

  #3851 don.racz

  2013-12-31 16:30:59

  Új Válasz

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  

  fordfairlane

  veterán

  #3851 don.racz

  #3851 don.racz

  Igen, gyakorlás, tanulás miatt szeretném csinálni. Már a 3. napja szórakozok éjjel nappal ezzel, hogy normális legyen, de nem akar sikerülni. Ha csak JavaScriptet használok jQuery nélkül, akkor is beszaggat.

  Most csináltam egy ilyet, próbaképp:

  var shift = 1;
  var width = 1024;
  
  setInterval(function(){document.getElementById("img1").style.margin = "0 0 0 "+shift+"px"; if(shift<width){shift++};}, 1);

  Tehát minden milisecundumban 1 pixellel eltolja jobbra míg ki nem tolódik a képernyőről. Szépen fut mindenütt kivéve a Safariban. Hogy a francba lehet ezt optimalizálni?

  CSS transition + CSS animation.

  A slide scriptek, amikkel mostanság találkoztam, jellemzően így oldották meg a sima animációt. Akkor váltottak vissza scriptes animációra, ha a css változat nem volt támogatva az adott böngészőben.

  A jquery animáció azért akadozik, mert belül ugyanígy működik, mint az ilyen setTimeoutos scriptek.

Új hozzászólás Aktív témák