Hirdetés

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

  • 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

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