Slider in fade modus zetten
Ik heb een slider op mijn website staan, deze slide horizontaal.
Nu wil ik deze in de fade modus laten werken, alleen hoe?
Dit is een stuk script van de jssor slider
Code (php)
1
2
3
4
5
6
7
8
9
10
11
2
3
4
5
6
7
8
9
10
11
<script>
jssor_slider1_starter = function (containerId) {
var options = {
$DragOrientation: 1, $AutoPlay: true, $FillMode: 2, $AutoPlayInterval: 4000, $PauseOnHover : 2,
$NavigatorOptions: { $Class: $JssorNavigator$, $ChanceToShow: 2, $ActionMode: 1, $AutoCenter: 0, $Steps: 1, $Lanes: 1, $SpacingX: 5, $SpacingY: 5, $Orientation: 1 },
$DirectionNavigatorOptions: { $Class: $JssorDirectionNavigator$, $ChanceToShow: 1 },
$ThumbnailNavigatorOptions: { $Class: $JssorThumbnailNavigator$, $ChanceToShow: 2, $ActionMode: 0, $DisableDrag: true, $Orientation: 2 }
};
var jssor_slider1 = new $JssorSlider$(containerId, options);
};
</script>
jssor_slider1_starter = function (containerId) {
var options = {
$DragOrientation: 1, $AutoPlay: true, $FillMode: 2, $AutoPlayInterval: 4000, $PauseOnHover : 2,
$NavigatorOptions: { $Class: $JssorNavigator$, $ChanceToShow: 2, $ActionMode: 1, $AutoCenter: 0, $Steps: 1, $Lanes: 1, $SpacingX: 5, $SpacingY: 5, $Orientation: 1 },
$DirectionNavigatorOptions: { $Class: $JssorDirectionNavigator$, $ChanceToShow: 1 },
$ThumbnailNavigatorOptions: { $Class: $JssorThumbnailNavigator$, $ChanceToShow: 2, $ActionMode: 0, $DisableDrag: true, $Orientation: 2 }
};
var jssor_slider1 = new $JssorSlider$(containerId, options);
};
</script>
Gr. Yoeri
Code (php)
1
2
3
2
3
$("foo").show("slide", {
direction: "left"
}, 500 );
direction: "left"
}, 500 );
Volgens mij moet de horizontale slide er zo ongeveer uit zien, maar dat weet ik niet zeker aangezien ik hier zelf nooit mee werk.
Gewijzigd op 12/06/2014 14:07:02 door Eschwin Moerkerken