Mam diva w którym jest kilkanaście obrazków. Chciałbym aby po przewinięciu obrazki zostały wyrównane do góry/dołu diva aby nie było widać ich "pociętych". Proszę o pomoc - co mogę zastosować, aby osiągnąć oczekiwany efekt.
Pełna wersja: Div z przewijaniem + wyrównanie treści do góry
Witam,
Mam diva w którym jest kilkanaście obrazków. Chciałbym aby po przewinięciu obrazki zostały wyrównane do góry/dołu diva aby nie było widać ich "pociętych". Proszę o pomoc - co mogę zastosować, aby osiągnąć oczekiwany efekt.
Mam diva w którym jest kilkanaście obrazków. Chciałbym aby po przewinięciu obrazki zostały wyrównane do góry/dołu diva aby nie było widać ich "pociętych". Proszę o pomoc - co mogę zastosować, aby osiągnąć oczekiwany efekt.
Kod
margin: 0 0 0 0;
?
jak nie wiesz pokaż kod
Chyba niezbyt jasno się wypowiedziałem 
w końcu dziś poniedziałek 
Oryginał wygląda tak:
Ale chciałbym aby podczas przewijania, obrazki "podnosiły" się wyżej - żeby końcowym efektem były 4 CAŁE w divie, żeby user widział całość a nie przecięte obrazki... użyc coś ze scroolTo?
w końcu dziś poniedziałek Oryginał wygląda tak:
Ale chciałbym aby podczas przewijania, obrazki "podnosiły" się wyżej - żeby końcowym efektem były 4 CAŁE w divie, żeby user widział całość a nie przecięte obrazki... użyc coś ze scroolTo?
Kod
<div style="width:440px;height:299px;overflow:auto;">
<img src="http://forum.php.pl/style_images/top/logo.png">
<img src="http://forum.php.pl/style_images/top/logo.png">
(...)
</div>
<img src="http://forum.php.pl/style_images/top/logo.png">
<img src="http://forum.php.pl/style_images/top/logo.png">
(...)
</div>
łap dalej dasz chyba radę
Kod
<style type="text/css">
.obrazki {
width: 440px;
height: 299px;
}
.obrazki img {
float: left;
margin: 0 3px 0 0;
}
</style>
<div class="obrazki">
<img src="http://forum.php.pl/style_images/top/logo.png">
<img src="http://forum.php.pl/style_images/top/logo.png">
<img src="http://forum.php.pl/style_images/top/logo.png">
<img src="http://forum.php.pl/style_images/top/logo.png">
(...)
</div>
.obrazki {
width: 440px;
height: 299px;
}
.obrazki img {
float: left;
margin: 0 3px 0 0;
}
</style>
<div class="obrazki">
<img src="http://forum.php.pl/style_images/top/logo.png">
<img src="http://forum.php.pl/style_images/top/logo.png">
<img src="http://forum.php.pl/style_images/top/logo.png">
<img src="http://forum.php.pl/style_images/top/logo.png">
(...)
</div>
Nie chodzi mi o to...
Ale podam przykład
np. dodam klawisz "pokaż 4 następne obrazki" i przewinie mi DIVa dokładnie pokazując 4 obrazki obok siebie. Pewnie zastosuje scroollTo lub coś w tym stylu. Chciałbym żeby samo przewijanie aktywowało "pokazywanie tylko 4 obrazków", "4 tabelek" czegokolwiek, ale "wycentrowanego"
inaczej:
przewijam i otrzymuje taki efekt (obrazki "przecięte" u góry)
chcę, aby po chwili (lub od razu - bez różnicy) div się "wycentrował" -zjechał trochę w dół lub górę i obrazki były "pełne"
Ale podam przykład
np. dodam klawisz "pokaż 4 następne obrazki" i przewinie mi DIVa dokładnie pokazując 4 obrazki obok siebie. Pewnie zastosuje scroollTo lub coś w tym stylu. Chciałbym żeby samo przewijanie aktywowało "pokazywanie tylko 4 obrazków", "4 tabelek" czegokolwiek, ale "wycentrowanego"
inaczej:
przewijam i otrzymuje taki efekt (obrazki "przecięte" u góry)
chcę, aby po chwili (lub od razu - bez różnicy) div się "wycentrował" -zjechał trochę w dół lub górę i obrazki były "pełne"
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.