Hirdetés

Keresés

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

  • Soak
    veterán

    Szívesen!

    "Konkretan video previewnak lenne, tehat fix ertekkel kene kockat ugrania , majd elorol."
    Na várj, és azt miért pont background-image-dzsel akarod megoldani? Már ha jól értem. Mondjuk végül is nem egy elvetemült gondolat, mert akkor csak egyszer kell betöltődnie, így kevesebb a request. Viszont annyiból nem biztos, hogy jó, hogy így ha kiraksz mondjuk 100 video preview-t, akkor 100 nagyobb képet kell betöltenie, mint amennyit szükséges, mert sanszos, hogy a júzer nem fog hoverezni mind a 100-ra. Szóval lehet, hogy érdemesebb lenne inkább különálló, de azonos méretű képeket betöltögetni szépen animálva. De persze ismerni kéne a konkrét körülményeket, meg a feladatot, mert végül is a jó megoldás kiválasztása nem triviális.

    Szerk.:
    (#3140) Soak :
    na ja, így is lehet, pixelekkel, de nem biztos, hogy "biztonságos", mert ha a kép keskenyebb/szélesebb, akkor az eltologatások nem biztos, hogy pontosak lesznek, a százalékos megoldás talán ennyiből jobb lehet.
    Igaz, gondolom nálad úgyis fixálva lenne a háttérkép mérete, mindegyiknél azonos képkocka lenne.
    És amúgy mi volt az oka, hogy a széles background-image-re esett a választás? Annak egyszerűsége?

    És amúgy mi volt az oka, hogy a széles background-image-re esett a választás? Annak egyszerűsége?

    Az egyik, hogy egyszerű, managelhetőbb mintha minden videohoz tartoznak 10 kép. Jelenleg a konvertálás után 10 kocka egyenlő elosztásban kiválasztásra kerül, majd ezek összefűzve alkotják az eltolandó hátteret. Aztán a másik az volt ugye, hogy első nekifutásra jónak tűnt, hogy 0 delay-el be tudja tölteni a hovert a browser mert ugye "cache"-be már ott van. De ez után én is eljutottam az általad felvetett problémához, hogy ha van 30 video, abból 2-3nál fog lefutni a funkció, akkor 27-szer több adatot küldtem mint kellett volna.

    A képek mindig egységesen erre a méretre lesznek igazítva (dícsértessék az Imagick), tehát ezzel nem lesz gond, így megvan a képkocka effektus (hogy ugrál a kép és nem pedig folyamatos a mozgása, mint az első példában).

    Két megoldás vetődött fel bennem:

    1.

    Két kép lesz, 1 ami amúgyis az első kocka lenne, a 2. ami eddig is volt, de az csak nyilván hover-re töltene be (esetleg még egy mini load animációval) .

    2.
    Két kép lesz, az egyik ami az első kocka lenne, a második pedig egy GIF, ami hoverre ugyanezt játszaná le, ennek előnye, hogy JS nélkül is működik.
    Szerk : De persze a GIF sem lesz sokkal kisebb mint a 10 öszefüzött kép, ezért esélyes az első megoldás.

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