Keresés

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

  • dqdb
    nagyúr

    Időbélyeget adtam a css fájlnévhez:
    <script>
     document.write('<link href="stilus.css?v=' + Date.now() + '" rel="stylesheet">');
    </script>
    Konzol ilyet ír ki:
    <link href="stilus.css?v=1701436418785" rel="stylesheet">
    jó ez így?

    [link]

    "The Date.now() static method returns the number of milliseconds elapsed since the epoch, which is defined as the midnight at the beginning of January 1, 1970, UTC."

    Szóval igen, jó.

  • hiperFizikus
    senior tag

    Sziasztok
    Képgalériás kérdésem lenne. Van egy kis képekből álló "szalag" az ablak szélén, és van egy nagy div, amiben az éppen 'active' osztályú kis kép jelenik meg (illetve annak nagyobb felbontású megfelelője). Kattintásra az 'active' osztály levevődik a jelenlegi képről és hozzáadódik a következőhöz, aminek a szegélye is színesre vált.

    A kérdésem az lenne: hogyan lehet megoldani, hogy az 'active' osztályú kép ne fusson ki az ablakból, hanem amikor olyan képre jut a sor, ami túl van az ablak felén, akkor mozduljon el úgy a szalag (az összes látható miniatűr), hogy az aktív kép a szalag látható részének közepén legyen, addig, amíg a végére nem ér? A szalag eleje és vége ne fusson be az ablak közepébe, hanem akadjon meg, és ott az aktív miniatűr lépegessen ki a végéig.
    Lehetőleg sima js vagy css megoldás érdekel, külső könyvtárak nélkül.
    Nem vagyok programozó, ezért lehet hogy nem foglak fél szavakból megérteni titeket.

    ... Az árukereső galériája majdnem így működik, annyi különbséggel, hogy ott egy ablaknyit mozdít el a szalagon, amikor az utolsó látszó miniatűr lesz az aktív.

    Ez tipikusan ad hoc probléma .

    Az ajánlom neked, hogy ne az előre deklarált szalagos űrlapelemmel kínlódj, hanem csinál egy saját szalagot magadnak . Ez a saját tervezésű szalagod lehet egyszerűbb is vagy bonyolultabb is, attól függően, hegy mennyi időt szánnál a leprogramozására .

    A legegyszerűbb az lenne, ha a saját szalagod mozdulatlan vízszintes cellák listájába JavaScripttel töltögetnéd be és ki a képeidet . Ehhez különféle nem nagyméretű scriptet is rendelhetsz magadnak .

    Tehát csak látszólagos mozgást csinálnál a celláid és a képeid között .

    Tulajdonképen könnyűnek ígérkezik, de hosszabb programozási-idő kellesz neki.

    :K

  • martonx
    veterán

    Bármi jöhet, amin el tudok indulni.
    Eddig csak egy ilyen megoldást találtam, de külső könyvtáras, és a kód nem is volt látható, csak az animáció. Szóval még azt sem tudom pontosan mi a neve annak amit keresek.

    Az a baj, hogy ebbe bele kellene állni, pár órát rászánni. Nekem nincs erre rászánni való pár órám.
    Ez egy topik, ahol pár percet bárki szívesen rászán egy probléma megoldására, pl. küldesz egy működő, de finomítandó kódot pl. jsfiddle-ben, akkor biztos lesz aki ráugrik, és rászánja azt a pár percet, hogy javítson rajta.
    De nulláról sajnos nem valószínű, hogy ezt itt jófejségből lefejlesztik neked.

  • martonx
    veterán

    Sziasztok
    Képgalériás kérdésem lenne. Van egy kis képekből álló "szalag" az ablak szélén, és van egy nagy div, amiben az éppen 'active' osztályú kis kép jelenik meg (illetve annak nagyobb felbontású megfelelője). Kattintásra az 'active' osztály levevődik a jelenlegi képről és hozzáadódik a következőhöz, aminek a szegélye is színesre vált.

    A kérdésem az lenne: hogyan lehet megoldani, hogy az 'active' osztályú kép ne fusson ki az ablakból, hanem amikor olyan képre jut a sor, ami túl van az ablak felén, akkor mozduljon el úgy a szalag (az összes látható miniatűr), hogy az aktív kép a szalag látható részének közepén legyen, addig, amíg a végére nem ér? A szalag eleje és vége ne fusson be az ablak közepébe, hanem akadjon meg, és ott az aktív miniatűr lépegessen ki a végéig.
    Lehetőleg sima js vagy css megoldás érdekel, külső könyvtárak nélkül.
    Nem vagyok programozó, ezért lehet hogy nem foglak fél szavakból megérteni titeket.

    ... Az árukereső galériája majdnem így működik, annyi különbséggel, hogy ott egy ablaknyit mozdít el a szalagon, amikor az utolsó látszó miniatűr lesz az aktív.

    "Lehetőleg sima js vagy css megoldás érdekel, külső könyvtárak nélkül.
    Nem vagyok programozó, ezért lehet hogy nem foglak fél szavakból megérteni titeket."

    Akkor most mégis mit vársz tőlünk? Abban meg tudlak erősíteni, hogy meg lehet oldani, jól látod js és css felhasználásával.

  • bucihost
    senior tag

    css-es válasz:
    a sticky-s elem csak addig marad a helyén, amíg az őt tartalmazó div határa el nem éri, mert az kitolja a képből.
    És egyetlen parent div sem lehet overflow:hidden.
    http://dinbror.dk/blog/help-css-position-sticky-doesnt-work-solved/

    &(#7719) instantwater
    Köszi mindkettőtöknek. Position absolute megoldotta, viszont a kipernyő elkezdett villogni ha egy <button>-ra vittem az egeret. kiváltottam <img> vel, és így már patent :R

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