JQuery CarouFredsel Gemaakt door Yannick
Inhoudstafel O CarouFredsel O Wat is CarouFredsel ? O Downloaden O Script O HTML O CSS O Javascript O Voorbeelden
CarouFredsel: Wat is dat? O Plugin O Jquery O Elementen -> carousel O Interactie O Scrollen -> elke richting O Slideshow
CarouFredsel: Download O
Script: HTML prev next
Script: CSS.NaamContainer { padding: 15px ; position: relative; }.NaamKader img { border: 1px solid #ccc; background-color: #ccc; padding: 10px; margin: 7px; } a.prev, a.next { background-image: URL() ; width: 45px; height: 50px; position: absolute; top: 85px; } a.prev, { left: -22px; background-position: 0px; } a.prev:hover { background-position: 0-50px; } a.prev.disabled { background-position: 0-100px; } Hetzelfde met de a.next a.prev.disabled, a.next.disabled { cursor: default; } a.prev span, a.next span { display: none; }
Script: Javascript $(“#NaamKader”).carouFredSel({ items: 1, auto: false, prev: { button: “#Naam_prev”, key: “left” } next: { button: “#Naam_next”, key: “right” }
Voorbeelden O rousel.html rousel.html O rousel.html rousel.html O rousel.html rousel.html