Mit Hilfe dieses Plugins kann man ganz einfach einen Slider der gleichzeitig mehrere Items/Elemente anzeigt erstellen.
Dabei kann individuelle eingestellt werden, wie viele Mobile, Tablett und auch auf dem Desktop an Elemente gleichzeitig angezeigt werden.
Ein kleines Code Beispiel ist für das Artikelsystem dabei.
JavaScript: Slider.js
define(["WBBElite/WSC/Ui/Slider"], function (WBBEliteSlider) {
function ArticleSlider(Slider) {
this.init(Slider);
}
ArticleSlider.prototype = {
init: function (Slider) {
this._slider = Slider;
var articleList = this._slider.querySelectorAll('ul > li');
this.checkImageSlider(articleList);
},
/**
* Check if the first image load
*
* @param {NodeList} ArticleList
*/
checkImageSlider: function (ArticleList) {
if (ArticleList.length > 0) {
if (ArticleList[0].querySelectorAll('.articleListImage > img').length == 0) {
this.initSlider();
} else {
var image = ArticleList[0].querySelectorAll('.articleListImage > img');
image[0].addEventListener('load', this.initSlider());
}
}
},
/**
* Show the article slider
*/
initSlider: function () {
new WBBEliteSlider(this._slider, {items : 3});
}
};
return ArticleSlider;
});
Display More
-
Version 1.0.0
- 4.84 kB
- 106 Downloads
DPunkt
Können als "Item" z.B. auch Foren-Kategorien eingebaut werden?
Also bspw. 5 verschiedenen Foren-Kategorien darstellen?
Cyperghost Author
das ganze ist ein Entwickler Plugin.
Und ja, man kann alles damit benutzen
Devon
Gibt es dafür irgendwo eine kleine Vorschau?
DPunkt
Würde mich auch interessieren
hamburger!
meeto
Cyperghost Author
werde ich die Tage hinzufügen
Cyperghost Author
Hab euch mal ein kleines Foto hochgeladen wie es aussehen könnte.