Anythingslider Vollversion in Oxid

Deutsches Forum
1

Hat jemand schon erfolgreich die Anythingslider Vollversion (https://github.com/CSS-Tricks/AnythingSlider/wiki/Setup) im Oxid eingebaut?
Ich krieg nur Anzeigefehler, da die Aufzählung nicht nebeneinander gesetzt wird.
Bei mir will es nicht funktionieren. Und die Suche nach ner Anleitung oder Tipps hat bisher noch ned viel gebracht.

jCarousel und Nivo bringen mir nicht die gewünschten mehrfach slides oder textfunktionen.

(Das Ziel wäre eine Produktkategorie auszulesen und 3 Produkte pro Slide darzustellen. Aber zuerst mal step by step)

2

schlechte Nachrichten: der default Slider ist AnythingSlider :smiley:

3

schon ja,…
soweit ich weiss ne kleinere version und ich hätte den gern vollständig ausgewechselt

4

der ist schon vollständig, aber eben alt.
Ein Update ist oft nicht so einfach, weil die neuere Version oft auch die neuere version von jQuery erfordert und bei einer neueren Version von jQuery können einige ältere/veraltet Funktionen fehlen oder anders sein. Und deswegen funktioniert dann ein anderes Script nicht mehr, und so weiter…

bis jetzt wäre die Antwort auf deine Frage also “ja”. Ich denke aber nicht, dass es dir weiterhilft.
Wenn du deine Frage schon etwas spezieller stellst oder die Fehlermeldung nennst, können wir dir eher helfen.

5

Dann versuch ichs mal mit der alten Version. Zurück zum Ursprungszustand.

Würde eine cms Seite mit dem folgenden Inhalt funktionieren?
Nivo funktioniert, doch bei anythingslider im cms krieg ich nur ne horizontale Auflistung der Bilder.

[{oxstyle include=“css/libs/anythingslider.css”}]
[{oxscript include=“js/libs/anythingslider.js”}]
[{oxscript include=“js/widgets/oxslider.js” priority=10 }]

<ul id="promotionSlider">

<li><img src=“testbild1.jpg” width=“165” height=“116”></li>
<li><img src=“testbild2.jpg” width=“165” height=“116”></li>
<li><img src=“testbild3.jpg” width=“165” height=“116”></li>
</ul>

6

wenn du es so fragst, dann wahrscheinlich funktioniert es nicht :smiley:
versuch mal das origial Template vom Slider zu kopieren und es für deine Bedürfnisse anzupassen

7

tja, vanilla, manchmal bin ich mir nicht sicher ob ich ned etwas zuviel gebastelt habe, und deswegen die befehle nicht mehr korrekt ausgeführt werden…

Aber der folgende Code in ein CMS kopiert funktioniert mit 4.7:

[{oxstyle include="css/libs/anythingslider.css"}]
[{oxscript include="js/libs/anythingslider.js"}]
[{oxscript include="js/widgets/oxslider.js" priority=10 }]
[{oxscript add="$( '#promotionSlider' ).oxSlider();"}]
  &lt;ul id="promotionSlider"&gt;
    &lt;li&gt;&lt;img src="/images/bild1.jpg"&gt;&lt;/li&gt;
    &lt;li&gt;&lt;img src="/images/bild2.jpg"&gt;&lt;/li&gt; 
   &lt;li&gt;&lt;img src="/images/bild3.jpg"&gt;&lt;/li&gt;
    &lt;li&gt;&lt;img src="/images/bild4.jpg"&gt;&lt;/li&gt;
&lt;/ul&gt;

Für Anfängerbastler wie mich:
Grössenanpassungen müssen nachfolgend im anythingslider.css und oxslider.js durchgeführt werden.

Anyhow, thx für die Tipps vanilla