| 

.NET C# Java Javascript Exception

5
hallo,

ich muss vorab sagen, dass ich ein programmieranfänger bin!

ich möchte ein paar thumbnails auf einen div streifen setzten und diese mit hilfe von zwei buttons nach rechts und links veschieben lassen. dabei sollen max 3 thumbnails angezeigt werden

hier ein screenshot vom gewünschten resultat:


meiner meinung nach kann ich ja nun einfach folgendes grundgerüst erstellen:
<div class="imageContainer">
<div class="imageBox">
images
</div>
</div>


das verschieben der elemente sollte doch eigentlich mit hilfe von jquery möglich sein!?

würde mich freuen wenn ihr mir ein paar tipps und ratschläge geben könntet
08.06.2011
Gast
51 3
1 Antwort
1
Im Prinzip so:

<div class="imageContainer">
<div class="imageBox">
<div class="innerBox">
<img src="/img1.jpg">
<img src="/img2.jpg">
<img src="/img3.jpg">
<img src="/img4.jpg">
</div>
</div>
</div>
<style>
.imageBox{position:relative;width:400px;overflow:hidden;}
.innerBox{position:absolute;top:0;left:0;width:auto;}
</style>
<script>
function moveRight(){
$('.innerBox').css({left:-=100});
}
</script>

Einfacher gehts aber mit jQuery-Plugins wie zum Beispiel: jQuery.ScrollTo
08.06.2011
Floyd 14,6k 3 9

Stelle deine Javascript-Frage jetzt!