galeria zdiec w css

[wolf11]

Witam!
mam duzy problem bo chce zrobic galerie zdiec w stylu mam 2 divy w pierwszym sa mminiaturki zdiec a w drugim ma sie wyswietlac najechana myszka miniaturka tyle ze w pelnych wymiarach. chcialbym jednak zrobic to uzywajac jak najmniej javascriptu. POMOCY! kompletnie nie wiem jak sie do tego zabrac.

[Lobo]

polecam "lightbox 2" cała obsługa skryptu sprowadza się do dołączenia go w head i nadania miniaturkom odpowiedniej klasy.

a jak chcesz tak jak mówisz to przydało by się trochę php. Kliknięcie na miniaturkę przesyła zmienną i ładuje przez php do odp diva img (pewnie na case'ach) nie znam się za bardzo na php to co nie podpowiem.

Za to z np. jquery było by dużo prościej, zczytywał by ci nazwę pliku z linku na miniaturce i podmieniał src w odpowiednim tagu <img>

[wolf11]

Wielkie dzieki ale wpadlem tez na pomysl by po najechaniu na miniaturke obrazka podmienial sie on na wiekszy i wszystko dziala tylko jak mam 2 takie miniaturki obok siebie to gdy najade myszka na jedna z nich to ten wiekszy obrazek odpycha ta druga miniaturke. czy masz jakis pomysl jak temu zaradzic?

[Lobo]

możesz sie pobawić ze zmienianiem "z-index" albo wydzielić w galerii osobne miejsce na duży obrazek.

[sunpietro]

ja to robię za pomocą img:hover gdzie daję position:absolute i wymiary większe od miniaturki.
W ten sposób mam powiększenie z użyciem tylko CSS.
Korzystam tylko z jednego obrazka, który dla miniaturek ma inne wymiary określone css dla znacznika img oraz większe wymiary w img:hover

[Lobo]

no tak ale albo masz duże odstępy między miniaturkami albo ci je rozpycha na boki albo wyświetlasz w wydzielonym miejscu.