Brauche Hilfe bei jQuery...

[stvn]

Mahlzeit.

Sorry, mir ist kein passender Titel eingefallen. oO

Also ich möchte, dass in der Ausgabe nur 5 Bilder pro "Seite" angezeigt werden und man ohne nachzuladen die nächsten 5 ansehen kann usw, je nachdem wie viele es sind. Dabei sollen das ganze von rechts nach links verschoben werden...

...hier mal 'ne "Skizze".


Kann mir jemand mal helfen, wie ich das via jQuery hinbekomme? Hab damit nur wenig Erfahrung.

HTML-Code

...
<div id="1">
	<div class="2">
		<img src="#">
	</div>
	<div class="2">
		<img src="#">
	</div>
	<div class="2">
		<img src="#">
	</div>
        <div class="2">
		<img src="#">
	</div>
        <div class="2">
		<img src="#">
	</div>
        <div class="clear"></div>
</div>
...

CSS-Code

#1 {
	width:100%;
}
.2 {
	width:20%;
        float:left;
}
.2 img {
	width:95%;
}
.clear {
	clear:both;
}

Danke!
stvn

 

[threadi]

Such mal nach jQuery slider und/oder easing, da gibt es viele Vorlagen für sowas. Hab gerade leider keine zur Hand, aber ich weiß, dass es viele Beispiele gibt. Wenn Du eine Webseite kennst die einen solchen Slider beinhaltet wie Du ihn willst, schau dir denn Quelltext an.

Hinweis: IDs und Klassen dürfen nicht nur aus Zahlen bestehen und nicht mit einer Zahl beginnen. Deine CSS-Eigenschaften sind somit falsch.

 

[stvn]

Danke für den Hinweis, werde ich mal nach suchen.

Ja, das mit den Zahlen ist mir dann auch aufgefallen.