Jag ska försöka beskriva det här så gott jag kan utan att behöva posta massa kodexempel.
Jag har ett galleri som enbart kör på CSS3 (inge jscript, jQuery eller annat scriptspråk).
Mina stora bilder är nerskalade by default för att agera thumbnails, och skalas sedan upp med hjälp utav pseudo-klassen :target när användaren klickar på dom. Den tutorial jag har kikat på är denna:
http://www.inserthtml.com/2012/04/css-image-gallery/
...och en demo finnes här:
http://inserthtml.com/demo/css-lightbox/#
Jag har ett problem med detta galleri, och det är det som jag behöver hjälp med från er webgurus här på flashback. När galleriet växer på höjden (jag har 3 kolumner, 5 rader just nu) och användaren klickar på en av de nedre bilderna så auto-scrollar inte sidan ner - utan användaren måste själv scrolla ner varje jävla gång dom ska titta på en bild längst ner i galleriet. I längden så blir detta bara sjukt frustrerande.
Den enda lösning jag har hittils är att sätta tusen <br />-taggar efter sluttaggen för <div id="images-box"> - men då skapas ett stort tomrum och det ser bara oprofessionellt ut.
Jag har lekt runt med positionerings-attributen också men har inte hittat någon lösning med hjälp utav dom.
EDIT: position: fixed, följt utav top: 0px funkar delvis. Jag säger delvis eftersom att den fixar problemen på höjden (bilden hamnar alltid längst upp i browser-fönstret) men en fixerad position skapar å andra sidan problem i sidled: jag vill nämligen att min bild ska vara positionerad relativt till den container som den är inne i.
