Erweiterung pk_noobSlide mit Fade Effect

**MatthiasH** · 19.07.2010, 17:46

Hallo Leute,
weiss jemand, wie ich den noobSlider auch mit einem Fade Effect nutzen kann? Die Seite von Autronic Melchers (http://autronic-melchers.com) nutzt diesen ebenfalls.

**bruc13** · 21.07.2010, 09:53

Hi, die Seite nutzt jquery.js und die Erweiterung Noobslide Mootools.
Also haben Sie ein anderes script benutzt.
Wende dich an Contao Partner, sie werden dir bestimmt helfen.

**MatthiasH** · 21.07.2010, 10:01

ok, vielen Dank. Ich war immer der Meinung, es wäre auch der noobslider :-)

**philipp.kaiblinger** · 22.07.2010, 07:47

Hallo Matthias,

das ist leider nicht möglich mit dem noobslider. Denn der slidet und fadet nicht.
Wenn du nur Bilder hast gibt es den Imageslider der faden kann.

**Hueso** · 26.06.2011, 00:59

Hallo Leute,

ich meine irgendwo im forum gelesen zu haben, dass ein Alpha(Fade)-Effekt mit dem pk_noobSlider möglich sei... Brauche einen Fade-Effekt und der pk_noobSlider wäre mit den zahlreichen Funktionen ideal!

Weiss jemand wies gehen könnte??
(Wäre sicher nicht allein mit dem Wunsch nach einem Fade-Effekt... )

LG!

**philipp.kaiblinger** · 27.06.2011, 12:29

Hallo Hueso,

derzeit gibt es ihn noch nicht. Ich bin gerade dabei ihn zu integrieren. Hab nun eine Lösung gefunden. Wird in den nächsten Tagen im Repository sein.

lg
philipp

**Hueso** · 29.06.2011, 15:51

Hi Phillip,

in den nächsten Tagen?? Ah coooool.. freu mich jetzt schon drauf.. danke vielmals schon mal! LG!

**philipp.kaiblinger** · 30.06.2011, 14:49

Hi @all

die neue Version ist nun im Repository verfügbar. Bitte mal laden und testen. Die neue Demoseite ist nun auch fertig. Schaut mal vorbei http://demo.kaipo.at

lg
Philipp

**Angee** · 30.06.2011, 18:21

Hi Philipp,
ist es irgendwie möglich das vom letzten zum ersten Bild nicht quasi zurückgespult wird und alle Bilder dazwischen sehr kurz und schnell angezeigt werden, sondern das einfach zum ersten Bild weiter geslidet wird, dass man sozusagen ein endloses Band hat?

Viele Grüße
Michael

**Hueso** · 02.07.2011, 20:48

Hi Phillip!

Tolle Arbeit, danke vielmals, läuft bei mir!

Der Frage von Angee würde mich auch interessieren..
Grüße!

**philipp.kaiblinger** · 04.07.2011, 09:11

Hallo Hueso, Hallo Angee,

das würde schon gehen, mit noFx. Dazu muss das js-file angepasst werden.
In der Funktion walk() das hinzufügen

Code:

var noFx = true;

dann sollte das klappen.

lg
Philipp

**Hueso** · 05.07.2011, 13:21

Hi Philipp,

hab mir die einzelnen JS-Dateien angeschaut, und auch etwas herumprobiert, leider bin ich mit JS nicht so gut.. kannst du mir vllt sagen, wo genau man das einfügen muss?

ps: sorry, dass ich deinen namen die ganze zeit falsch schreibe!

mir jetzt erst aufgefallen..

**philipp.kaiblinger** · 05.07.2011, 14:56

Hi Hueso,

öffne die class.noobSlide_src.js und gehe zur Zeile 208
danach fügst du das ein:

Code:

var noFx = true;

anscließend noch die noobSlide_src.js komprimieren und den komprimierten Code in die class.noobSlide.js einfügen. Aber beachte, dass diese Änderungen nicht updatefähig sind.

PS: kein Problem

lg
Philipp

**Hueso** · 08.07.2011, 16:45

Alles klar, vielen Dank!

Grüße
Hueso

**magicsepp** · 16.07.2011, 17:38

ich habe in der musik-akademie unter impressions
den slider vertical eingebaut 2 Bilder untereinander -was mich stört ist:
Nach dem 4 Bild ist der Bereich komplett leer und dann erst erfolgt der Rücksprung auf Bild 1 - geht das eleganter?

**humandigital** · 08.09.2011, 18:50

Hallo zusammen
Das pk_noobSlide kan ja schön faden, nur für meine Bedürfnisse ist der Übergang viel zu schnell...
Unter "Effekt Bewegung aktivieren" kann ja eine "Effektdauer" eingestellt werden.
... nur leider hat die, zumindest bei mir, auf den "Noobslider Modus" Fade keine Auswirkung.
Kenn jemand eine Möglichkeit, wie das nachgerüstet werden kann?
Herzlichen Dank

**Hueso** · 04.10.2011, 19:54

Zitat von philipp.kaiblinger

öffne die class.noobSlide_src.js und gehe zur Zeile 208
danach fügst du das ein:

Code:

var noFx = true;

anscließend noch die noobSlide_src.js komprimieren und den komprimierten Code in die class.noobSlide.js einfügen.
Philipp

Hey Philipp,

hat sich irgendwie ziemlich lang hingezogen, bis ich jetzt endlich an dem Script weiterarbeiten konnte. Tut mir leid, aber ich hab die Stelle leider immer noch nicht finden können

.

Bei mir hab ich im Verzeichnis system/modules/pk_noobSlide/html leider nur:

class.noobSlide.packed.js
class.noobSlide_src.js

... und keines dieser Dateien hat mehr als 108 Zeilen. Sorry, dass ich dich damit nerve, aber wo liegt der Denkfehler?

**philipp.kaiblinger** · 06.10.2011, 07:40

Hey Hueso,

die class.noobSlide_src.js ist die richtige. Diese Datei hat 256 Zeilen. Such nach der Funktion walk().

**Hueso** · 07.10.2011, 16:26

ah ok, also irgendwie hatte ich falsche Dateien im Ordner.. naja.. jedenfalls gefunden.. Danke!

Ich glaub jedoch, dass es n Missverständnis in der Fragestellung gab:

Jetzt "spult" er sozusagne zwar nicht mehr zurück, aber der Slide-Effekt ist komplett draußen und was Angee meinte war glaube ich, dass es einfach ohne Unterbrechung weiterslidet..

sondern das einfach zum ersten Bild weiter geslidet wird, dass man sozusagen ein endloses Band hat?

Ist das in dem Fall dann überhaupt möglich?

Grüße,
Hueso

**ways2web** · 01.11.2011, 20:38

hat jemand ne ahnung, wie ich das reverse play abschalten kann? dass die slides rückwärts laufen find ich total schräg.. ich würde die gern als loop haben?
weiß da jemand rat?

**Flex** · 01.11.2011, 21:11

Also wenn ich mir den Code anschaue ist das leider nicht so einfach möglich, weil noobslide die Elemente wirklich einfach nebeneinander haut und dann per size das sichtbare Element verschiebt...
Da würden meine mickrigen JS Kenntnisse nicht ausreichen um das zu verändern...

**ways2web** · 01.11.2011, 23:46

mhhh.. das ist echt schade... weil laufen tut er sonst recht schicki... vorallem unter 2.10 ..
muss ich mir wohl doch ne alternative suchen.. wobei cih dafür wohl extra auf dei 2.9.5 downgraden muss

danke für die info flex

**philipp.kaiblinger** · 02.11.2011, 08:33

Hallo Leute,

es ist wie schon gesagt wurde nicht möglich einen loop zu realisieren. Daher habe ich bereits einen neuen Slider programmiert.
Nur habe ich momentan sehr viel Arbeit, dass ich zur Finalisierung nicht dazukomme.

Aber schon vorab: Es werden ein paar nette Features dabei sein.

lg
Philipp

**schufter** · 21.12.2011, 10:30

Zuerst herzlichen Dank an Philipp für die tolle Arbeit.

Meine Frage: kann mir jemand mitteilen, wo und wie ich den fade-effekt verlangsamen kann. Der standardmässige fade-effekt geht mir etwas zu schnell und wirkt auf meiner Seite dann unruhig. Muss ich das in javascript machen? Wo und was? Kenne mich leider nicht so gut aus.

Besten Dank für die Hilfe.

**kischd** · 11.01.2012, 11:41

Weiß jemand wie das bei http://www.2create.at/ umgesetzt wurde:
- Man sieht im Quelltext die einzelnen Artikel des noobslider nicht sieht?
- einzelne Slide sind jeweils miteinem Link versehn
- Zahlennavigation

Ist das alles standardmäßig umgesetzt oder wurde das ganze komplett umgeschrieben?

Ich bekomm das nur als Artikelelement hin.

**philipp.kaiblinger** · 11.01.2012, 12:53

Hallo kischd,

2create benutzt einfach das Bild-Element und verlinkt auf den jeweiligen Artikel. Auch die Navigation ist Standardmäßig nur halt per css gestyled.

lg
Philipp

**kischd** · 11.01.2012, 13:30

Die Navigation hab ich gefunden.

ich versuch das ganze so nochmal ;-)

danke

**philipp.kaiblinger** · 11.01.2012, 14:20

alles klar,

kennst du die Demopage vom Noobslider? Du könntest einen mehrspaltigen Slider auch mittels der Erweiterung subcolumns realisieren bzw. mit einem Gridsystem

zur Demo

lg

**jojojohann** · 12.01.2012, 17:11

hallo,

habe die gleiche frage wie schufter
wie kann man denn den fade effect verlangsamen?
die effecte wirken nur bei horicontal und vertical

**jojojohann** · 25.01.2012, 22:20

auch eine neuinstallation konnte das Problem auch nicht beheben.. gibt es irgend eine andere Möglichkeit den Standartwert zu verändern?

**nuun** · 14.03.2012, 16:21

auch ich - wie oder wo kann der fade effect verlangsamt werden? danke für hinweise...

**philipp.kaiblinger** · 14.03.2012, 18:36

Hallo Contao-Gemeinde,

also derzeit ist es noch nicht möglich. Es kommt aber bald eine komplett überarbeitete Version heraus, in der man auch die Dauer beim Faden einstellen kann.

lg
Philipp

**jojojohann** · 20.03.2012, 15:49

Super Philipp,
wäre gut wenn du hier kurz bescheid gegen kannst, wenn die überarbeitet Version raus ist :-)

grüße

**jojojohann** · 20.04.2012, 02:24

Hallo,
hab gerade gesehen, das es eine neue Version gibt, welche eigentl. keine Version sondern ein komplett anderes Modul ist.
Folgendes Problem nach dem Upadte:
- Auf Meinen ca. 40 Seiten gibt es keinen Noobslide Start mehr
- Alle eingebundenen Bilder und Texte werden nicht mehr angesteuert
- die navi wird nicht mehr vom css angsteuert, ich nehme an es wurden die klassennamen verändert?

es hat mir auf deutsch gesagt, die ganze homepage zerschossen

wie schaff ich es, das Bilder und Texte wieder vom Noobslide berücksichtig werden, ohne jeden Artikel komplett umbauen zu müssen?

**philipp.kaiblinger** · 20.04.2012, 08:12

Hallo,
also ohne Anpassungen wird es nicht klappen, da der Slider in Abschnitte eingeteilt werden muss. In der Modulbeschreibung steht eigentlich alles beschrieben. -->

Ansonsten spiel wieder auf die alte Version zurück, damit die Seite wieder funktioniert.

lg