Dag
Ik wil een bootstrap carrousel op mijn website maar niet de standaard... Ik zou graag een soort lint hebben waarbij er meerdere items in zicht zijn waarbij de boel steeds 1 item verschuift. Ik heb niet veel kunnen vinden wat daar op leek. Wel multi-column carrousels maar dan verschuift steeds de hele boel (in feite bestaat dan 1 item in de carrousel uit meerdere items).
Ik heb het nu nagebootst door meerdere carousels naast elkaar te plaatsen en dan elke carrousel met een ander item te laten beginnen. Bv drie carrousels waarbij de meest linkse met het eerste item begint, de tweede met het tweede enz. Dit gaat goed en bootst het effect goed na, behalve als er met de muis een van de carrousels gepauzeerd wordt. Die loopt dan immers uit de maat.
Op deze site https://bootsnipp.com/snippets/m0q1y staat een voorbeeld. Echter, als ik dat voorbeeld probeer aan te passen heb ik problemen. Ik weet geen hout van javascript en ook niet voldoende van de css die in dit voorbeeld gebruikt worden. Dit werkt prima in geval van 6 items, maar ik krijg het niet aangepast voor minder items. Als ik maar 4 items heb, zou elke kolom breder moeten zijn. Waar kan ik dat regelen? Of heeft iemand een betere verwijzing?
groetjes, Anjo
Ik wil een bootstrap carrousel op mijn website maar niet de standaard... Ik zou graag een soort lint hebben waarbij er meerdere items in zicht zijn waarbij de boel steeds 1 item verschuift. Ik heb niet veel kunnen vinden wat daar op leek. Wel multi-column carrousels maar dan verschuift steeds de hele boel (in feite bestaat dan 1 item in de carrousel uit meerdere items).
Ik heb het nu nagebootst door meerdere carousels naast elkaar te plaatsen en dan elke carrousel met een ander item te laten beginnen. Bv drie carrousels waarbij de meest linkse met het eerste item begint, de tweede met het tweede enz. Dit gaat goed en bootst het effect goed na, behalve als er met de muis een van de carrousels gepauzeerd wordt. Die loopt dan immers uit de maat.
Op deze site https://bootsnipp.com/snippets/m0q1y staat een voorbeeld. Echter, als ik dat voorbeeld probeer aan te passen heb ik problemen. Ik weet geen hout van javascript en ook niet voldoende van de css die in dit voorbeeld gebruikt worden. Dit werkt prima in geval van 6 items, maar ik krijg het niet aangepast voor minder items. Als ik maar 4 items heb, zou elke kolom breder moeten zijn. Waar kan ik dat regelen? Of heeft iemand een betere verwijzing?
groetjes, Anjo