Archief - div images naast elkaar

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
C

Curahee Q

Legacy Member
Ik ben bezig met een carrousel te maken in jQuery. Hiervoor wil ik al mijn images naast elkaar zetten in een div met overflow: hidden. Het probleem is dat de images op de volgende lijn komen te staan als ze dreigen buiten het scherm te komen. Echter moeten ze op dezelfde lijn blijven mar ik krijg dat niet klaar met css.

Hoe kan ik dit dan het beste oplossen?

Alvast bedankt
C

ChickenTik

Legacy Member
Een div (div1) maken met een bepaalde grootte, bv. 500px. Die zet je op overflow hidden. Daarin steek je dan nog een div (div2) die je een veel grotere breedte geeft, bv. 20000px. Daarin laat je al je images floaten.
Daarna kan je gewoon div2 naar links scrollen. :)
s

scipicore

Legacy Member
ChickenTik zei:
Een div (div1) maken met een bepaalde grootte, bv. 500px. Die zet je op overflow hidden. Daarin steek je dan nog een div (div2) die je een veel grotere breedte geeft, bv. 20000px. Daarin laat je al je images floaten.
Daarna kan je gewoon div2 naar links scrollen. :)
Klik om te vergroten...
Close but no cigar.

Voorbeeld:
Code: 
#container {
    width: 500px;
    overflow: hidden;
    [B]white-space: nowrap;[/B]
}

#content {
    width: 2000px;
}

#content img {
    float: left;
}



Door de overflow op hidden te zetten zullen de afbeeldingen wel niet meer zichtbaar zijn, maar ze zullen er wel onder blijven staan.
C

ChickenTik

Legacy Member
Als ik mijn oplossing hier test zoals ik het beschreven heb, dan werkt dit toch perfect hoor. :)
s

scipicore

Legacy Member
ChickenTik zei:
Als ik mijn oplossing hier test zoals ik het beschreven heb, dan werkt dit toch perfect hoor. :)
Klik om te vergroten...

Ochot ja, sorry. Ik gebruik zo'n 'systeempke' gewoon voor dynamische content, waar je de breedte dus niet weet.

Mijn excuses!
C

Curahee Q

Legacy Member
En mijn ding is dynamisch dus heb ik die van scipicore gebruikt. Beide hartelijk bedankt. Het werkt zeer goed!
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan