[GELÖST] Scrolling DIV CSS

brandy · 07. Juni 2011 16:51

Hallo!

Ich habe auf dieser Seite http://www.foto-riedler.com/index.php?page=women auf der linken Seite einen Div Bereich in dem ein Div gescrollt wird. Dies funktioniert auch wunderbar.
Mein Problem dabei - es sollten immer 6 Bilder gescrollt werden. Meine momentane Einstellung sollte so sein, dass immer ein Bild nach unten gehüpft wird wenn auf den Button geklickt wird - ich wollte so auf eine Lösung kommen - wie ihr seht nicht erfolgreich ;-)
Na gut hier die Fakten: #lyr ist das scrollbare DIV, das unter #wn liegt. #wn ist die Größe des Ausschnitts den man sieht (aktuelle Größe 500px)!

Vielleicht hat jemand einen besseren Denkansatz als ich - Vielen Dank!

COR9 · 07. Juni 2011 18:58

Ich habe mal für diese Website ein jQuery-basiertes Tool namens Coda-Slider in Verbindung mit anderen Funktionen verwendet. Da kann man meines Wissens (auch über die Höhe der scroll pane) einstellen, wieviele Inhaltselemente pro Klick weitergerollt wird. jQueryTOOLS (Demo 3/11) macht es genauso. Bei beiden Varianten bekommt man allerdings das Problem, dass man das für den CMS-Einsatz dynamisieren muss, damit der Benutzer immer die Menge an Thumbnail-Gruppen bekommt, die er benötigt. Dafür habe ich noch keine Lösung, wie schon in dem anderen Thread geschildert.

brandy · 08. Juni 2011 07:33

[Gelöst]

NaN · 08. Juni 2011 12:46

Wie sah denn Deine Lösung am Ende aus?
Pure Mathematik?

brandy · 08. Juni 2011 15:08

Ja war pure Mathematik!

Hatte bei den Vorschaubildern zuerst immer in diesem Bereich probiert:
margin-top: 8px;
margin-bottom: 8px;

Erfolgreich war ich mit diesen Werten ;-)
margin-top: -6px;
margin-bottom: 13px;

Hab lange dran rumgebastelt - vor allem gibt es dann noch drei weitere DIVs, deren Height, Margin usw. direkt mit diesen Werten zusammenhängt.

brandy · 14. Juni 2011 20:12

So meine Lieben - ich würde euch bitten, das Gelöst wieder zu entfernen...

Ist irgendein schlauer Kopf unter euch, der mir irgendeinen hilfreichen Tipp geben kann.
Das Scrolling besteht aus dem Div #lyr1, das praktisch gescrollt wird, dem Div #wn, das den Ausschnitt, der zu sehen ist bildet und dem #menulink_left, welches die kleinen Bilder umgibt und ausrichtet.
#wn ist momentan 505px hoch, gescrollt werden aktuell 450px - hatte auch schon höhere Werte drinnen, aber wenn man nach unten scrollt wird das Bild abgeschnitten!

Vielleicht hat jemand eine mathmatische Ader und kann mir einen Tipp geben!

Vielen Dank!

brandy · 14. Juni 2011 20:25

Ok ich habs kapiert. Das Div springt automatisch an den untersten Punkt sobald es in die Nähe dessen kommt.
Irgendwie müsste ich dynamisch auslesen wie groß das Div ist, damit man es an den Scroll anpassen kann...

NaN · 14. Juni 2011 20:46

http://www.cmsmadesimple.de/forum/viewtopic.php?id=2

Außerdem gibt es seit kurzem eine Funktion, die das per Klick macht.
Schau Dir mal Deinen ersten Beitrag an.
Da gibt es einen Link "Als gelöst markieren".

wink

Forum für CMS/made simple

#1 07. Juni 2011 16:51

[GELÖST] Scrolling DIV CSS

#2 07. Juni 2011 18:58

Re: [GELÖST] Scrolling DIV CSS

#3 08. Juni 2011 07:33

Re: [GELÖST] Scrolling DIV CSS

#4 08. Juni 2011 12:46

Re: [GELÖST] Scrolling DIV CSS

#5 08. Juni 2011 15:08

Re: [GELÖST] Scrolling DIV CSS

#6 14. Juni 2011 20:12

Re: [GELÖST] Scrolling DIV CSS

#7 14. Juni 2011 20:25

Re: [GELÖST] Scrolling DIV CSS

#8 14. Juni 2011 20:46

Re: [GELÖST] Scrolling DIV CSS

Fußzeile des Forums