[HTML][CSS]Pozycja Absolute oraz Relative przesuniecie diva. Opcje

[DonPolaczek]

Witam serdecznie próbuję się uporać z następującmy problemem przyjmy że mam obrazek o wysokości 500px i określam divem żeby było widoczne tylko 250px tego obrazka a następnie po kliknięciu w jakiś button będę mógł zobaczyć tą drugą połowę obrazka. Wiem że będzie mi do tego potrzebne jquery i z tym nie mam problemu zrobię to np za pomocą:

[JAVASCRIPT] pobierz, plaintext 
$(this).parent().find
[JAVASCRIPT] pobierz, plaintext 

ale nie wiem jak ukryć ten obrazek za pomocą css oraz którego diva przesunąć pewnie będzie mi potrzebna pozycja relative oraz absolute i myślę że funkcją overflow. Prosiłbym o jakąkolwiek pomoc.

[DonPolaczek]

No może nie do końca bo dalej widzę część górną probuję to jakoś zmienić ale chyba cięzko będzie bez tych divów chodzi o to aby się to przesuneło się a nie tylko rozwineło czyli.
Nie chcem widzieć zawartości górnej. Widzimy obrazek jelenia głowa i tors klikamy przewija się w dół już nie widzimy głowy i torsu tylko kopyta i kawałek ziemi klikamy spowrotem i znowu widzimy głowe i tors.
Mamy coś takiego:

[HTML] pobierz, plaintext 
<style>
.galeria {
postion:realtive;
overflow:hidden;
height 250px;
}
.galeria-absolute {
postion:absoulte;
top:0px;
}
</style>
<div class"galeria">
<div class"galeria-absolute">
 obrazek 500px
</div>
</div>
[HTML] pobierz, plaintext 

To ma być taka galeria zdjęc np jest 8 zdjęć widzimy 4 klikamy w buttonik dolny i widzimy kolejne 4 kilkamy spowrotem w buttonik górny i widzimy znowu poprzednie 4 zdjęcia.
Próbowałem różnie ale na próżno. Tak jak mówiłem nie mam problemu z jquery tylko z css nie wiem jak to ostylować aby działało tak jak chcem.

Ten post edytował DonPolaczek 25.09.2015, 10:22:37