Oldal: 2 / 3 ElsőElső 123 UtolsóUtolsó
Eredmény: 11 - 20 (22) összesen

Téma: CSS sprite megoldás hír képekkel

  1. #11
    Bölcs Baross Ferenc logója
    Csatlakozott
    09-04-06
    Hely
    Budapest
    Hozzászólás
    2.208
    Begyűjtött 844 köszönetet
    573 hozzászólásával

    Alapbeállítás re: CSS sprite megoldás hír képekkel

    a css sprite-okat nem igazán erre találták ki; hanem a weboldal design elemeinek egy képben tárolására
    így minden új cikknél újra kell generálni a képet - új név kell hozzá, hisz lehet hogy cacheli a böngésző és már rosszak is a képek
    mi van ha valaki le akarja menteni a képet?

    lazy load -ot tudom inkább ajánlani, minden szempontból sokkal jobb megoldás



  2. Az alábbi felhasználók hálásak a válaszért:

    Akka (2013-11-23)

  3. #12
    Bölcs
    Csatlakozott
    12-08-31
    Hozzászólás
    1.032
    Begyűjtött 351 köszönetet
    239 hozzászólásával

    Alapbeállítás re: CSS sprite megoldás hír képekkel

    Emphus:
    A képek ebben az esetben nem menük, hanem egy baromi hosszú cikklista képei. A kép alatt pedig megismétlődik a link a cikk címével. Ezen is gondolkodok amúgy, hogy lehet elég lenne 1 link is a 2 helyett. Most van 1 a képen és 1 a szöveges címen.

    Baross Ferenc:
    Igen a lazy load, nagyon jó megoldás lenne, de:
    Sokaknak zavaró lehet, főleg a vibrálása. Telefonon is akadhatnak vele gondok és ettől még akkor is sok képet tölt le egyesével, mindegy, hogy időzítve van-e vagy sem.

    A képek neve a cikk_id-k, tömbbe bekerült sorrendje md5ben titkosítva. Mindig egyedit fog generálni. Arra is van megoldás, hogy amikor a cache törlődik vele együtt törli az abban a cache mappában lévő spriteokat és legenerálja újra a cache elkészítésekor. Ebből sincs tehát gond.

    Thumbnail képet ne akarjon senkise letölteni 140*86px méretben. Amúgy sem díjazom. Ezzel kiküszöbölhetőek az adathalászok egy része. Természetesen a cikk megjelenítő oldalon fent van a teljes kép. A másik cél ezzel az is volt, hogy a Google csak a nagy képet indexelje, mert már nem egyszer volt olyan szívás, hogy csak a thumbnailt vette fel az indexbe, az eredeti méretűt meg nem.

    Az, hogy nem erre találták ki azzal teljesen tisztában vagyok én is használom egy ideje. De ettől még miért ne lenne jó más területre is. 50 cikk esetén nem mindegy, hogy 13 ciklusban tölti be az egészet, vagy elég 1 is. Másfelől a sprite teljes mérete majdnem negyede is lehet az 50 kép méretéhez képest. A mobilosok nagy örömére. A betöltési idő pedig megdöbbentően jó


    Utoljára módosítva: Karessz által : 2013-11-23 11:48

  4. #13
    Szerkesztő
    Csatlakozott
    11-09-21
    Hozzászólás
    206
    Begyűjtött 30 köszönetet
    17 hozzászólásával

    Alapbeállítás re: CSS sprite megoldás hír képekkel

    Hmmm. Ez valami Tgp oldal lesz?

    bocs az off-ért.



  5. #14
    Bölcs
    Csatlakozott
    12-08-31
    Hozzászólás
    1.032
    Begyűjtött 351 köszönetet
    239 hozzászólásával

    Alapbeállítás re: CSS sprite megoldás hír képekkel

    Mint írtam a CMS rendszerem egyik szolgáltatása lesz. Egy a sok(k) közül A felhasználási területet nyilván a megrendelő fogja meghatározni. Magam részéről shophoz, magazinhoz, landing oldalakhoz fog kelleni.


    Utoljára módosítva: Karessz által : 2013-11-23 12:53

  6. #15
    'Say Hello To My Little Friend'
    Csatlakozott
    10-04-13
    Hely
    Budapest
    Hozzászólás
    2.784
    Begyűjtött 863 köszönetet
    659 hozzászólásával

    Alapbeállítás re: CSS sprite megoldás hír képekkel

    Idézet Baross Ferenc eredeti hozzászólása Hozzászólás megtekintése
    a css sprite-okat nem igazán erre találták ki; hanem a weboldal design elemeinek egy képben tárolására
    így minden új cikknél újra kell generálni a képet - új név kell hozzá, hisz lehet hogy cacheli a böngésző és már rosszak is a képek
    Miért kéne? Más cikk => más kép.

    Idézet Baross Ferenc eredeti hozzászólása Hozzászólás megtekintése
    mi van ha valaki le akarja menteni a képet?
    Ne akarja.



  7. #16
    búgócsiga Akka logója
    Csatlakozott
    10-05-06
    Hozzászólás
    3.841
    Begyűjtött 1.442 köszönetet
    741 hozzászólásával

    Alapbeállítás re: CSS sprite megoldás hír képekkel

    Hogyan adsz meg a képekhez alt és title elemeket a cikkeknél? Ez technikailag nagyon érdekelne.
    A sprite-ot tényleg nem erre találták ki. A sebességnek tuti jót tesz, de egy rakat hátránya is van a megoldásnak.



  8. #17
    Bölcs
    Csatlakozott
    12-08-31
    Hozzászólás
    1.032
    Begyűjtött 351 köszönetet
    239 hozzászólásával

    Alapbeállítás re: CSS sprite megoldás hír képekkel

    Például tehetem a áttetsző png képre is, vagy a behívott spritera is. No persze így több tiitle és alt lesz egy képen. Na igazából ezek a kérdések foglalkoztattak igazán



  9. #18
    Bölcs
    Csatlakozott
    12-08-31
    Hozzászólás
    1.032
    Begyűjtött 351 köszönetet
    239 hozzászólásával

    Alapbeállítás re: CSS sprite megoldás hír képekkel

    Idézet Akka eredeti hozzászólása Hozzászólás megtekintése
    Hogyan adsz meg a képekhez alt és title elemeket a cikkeknél? Ez technikailag nagyon érdekelne.
    A sprite-ot tényleg nem erre találták ki. A sebességnek tuti jót tesz, de egy rakat hátránya is van a megoldásnak.
    Mennyire lenne gáz az, ha a listaoldali képeken nem lenne se alt, se title, egyedül a cikket megjelenítő aloldalon lenne csak. Indexelés szempontjából ez lenne a fontosabb. És ott amúgy sem használok ilyen sprite megoldást.

    Másik alternatívám az lenne, hogy a link nek adom meg a hátteret és nem is töltök be img taget lista oldalon. Így title és alt sem fog kelleni.



  10. #19
    Mentor hetes logója
    Csatlakozott
    09-04-17
    Hozzászólás
    452
    Begyűjtött 73 köszönetet
    60 hozzászólásával

    Alapbeállítás re: CSS sprite megoldás hír képekkel

    Érdekes téma, csak részben kapcsolódnék hozzá. Tegyük fel, hogy a képet (1 kép, nem sprite!) nem szabványos img tagbe teszem, hanem egy elem háttereként állítom be. A felhasználó ugyanazt fogja látni, de kérdezem én, hogy a Google is látni fogja és indexelni is? És mi történik vajon akkor, hogyha megmarad a szabványos <img> tag, de cssből felé pozicionálok egy üres <div>-et?


    Az aláírás nem lehet hosszabb 100 karakternél kivéve a BB kód jelölőt.

  11. #20
    Bölcs
    Csatlakozott
    12-08-31
    Hozzászólás
    1.032
    Begyűjtött 351 köszönetet
    239 hozzászólásával

    Alapbeállítás re: CSS sprite megoldás hír képekkel

    Az első felvetésedre a válasz ettől még fogja indexelni, csak kisebb a valószínűsége az alt tag és title tag hiányában. De indexelte nekem már weblap hátteremet is ettől még.

    A második felvetés esetén pedig sok esetben csinálják azt a védelmet, főleg sablonok esetén láttam, hogy a kép ott van és abszolút pozícióval fölé húznak egy divet, vagy span-t, ekkor ugyanis a jobb klikk letöltöm a képet kivédhető. Olyan is van hogy a divnek van háttere és az img-t húzzák afőlé. Az img pedig egy áttetsző png. Ennek is ugyan az a célja, de nem a legszerencsésebb ugyan annak a képnek több előfordulásakor eltérő alt és title-t adni. Olyan mintha a kutyádnak 20 neve lenne, pedig ugyan az a kutya.



Könyvjelzők

Hozzászólás szabályai

  • Új témákat nem hozhatsz létre
  • Válaszokat nem küldhetsz
  • Fájlokat nem csatolhatsz
  • A hozzászólásaidat nem módosíthatod
  •