[dk_caroufredsel] Integration des jQuery.carouFredSel-Sliders für Contao 3.x.x

Hallo zusammen,

ich möchte euch heute eine neue Erweiterung vorstellen. Es handelt sich hier um die Integration des jQuery-Karussells/-Sliders carouFredSel als Content Element für Contao ab Version 3. Die Erweiterung und carouFredSel selbst sind open source und können daher kostenlos im privaten als auch kommerziellen Umfeld verwendet werden. (http://contao.org/de/extension-list/...000004.de.html)

jQuery.carouFredSel ist ein jQuery-Plugin, das beliebige HTML Elemente in ein Karussell/einen Slider verwandelt. Es kann dabei ein oder mehrere Elemente gleichzeitig scrollen, egal ob horizontal oder vertikal, unendlich oder kreisförmig, automatisch oder bei Nutzeraktivität.

Möglichkeiten von carouFredSel

• vollständig anpassbar
• automatisches scrollen oder scrollen durch Buttons, mittels Tastatur, dem Mausrad oder durch Wischen
• optionales responsible/fluid/liquid Karussell von Haus aus.
• unterstützt variable Element-Größen (ebenso mit einer variablen Anzahl von sichtbaren Elementen)
• eingebaute Tastatur- und Maus-Navigation und Pagination
• 9 eingebaute Übergangs-Effekte: none, scroll, directscroll, fade, crossfade, cover, cover-fade, uncover und uncover-fade
• viele intelligente "custom events" und eine Menge an weiteren Optionen
• Ausrichtung (links/zentriert/rechts) der Elemente innerhalb der vorhandenen Breite/Höhe
• dynamisches Hinzufügen und Entfernen von Elementen im Karussell
• GET und (re)SET der Konfiguration nach Erstellung des Karussells

Implementation in Contao

• beliebige Inhalte können gescrollt werden
• beliebig viele Karussells auf einer Seite
• individuelles HTML- und JavaScript-Template pro Karussell möglich
• die meisten und wichtigsten Parameter/Einstellungen können im Backend konfiguriert werden
• fehlende/zu komplexe Funktionalität kann im entsprechenden JavaScript-Template hinzugefügt werden (JavaScript/PHP Kenntnisse vorausgesetzt). Die meisten dynamischen Funktionen (z.B. custom events, hinzufügen/entfernen von Elementen zur Laufzeit) werden im Backend zz. nicht abgebildet.

Quelle/Beispiele/Infos/Anwendungs-Ideen

http://caroufredsel.frebsite.nl (Hauptseite)
http://coolcarousels.frebsite.nl (Anwendungs-Ideen)

Tipps/Hinweise

• Damit carouFredSel gestartet wird, muß im Seitenlayout jQuery zum Layout hinzugefügt werden.
• Das Karussell sollte "out of the box" funktionieren. Werden Elemente teilweise abgeschnitten kann es helfen eine Breite/Höhe im Start-Element anzugeben und dem div ein display:inline-block zuzuweisen;
• Das umschließende div des Content-Elements hat die CSS-Klasse ce_caroufredsel. Innerhalb dessen befindet sich ein weiteres div mit der individuellen CSS-ID ce_caroufredsel_xxx, welches die zu scrollenden Elemente umschließt. jquery.carouFredSel hängt sich mit einem weiteren div mit der CSS-Klasse caroufredsel_wrapper dazwischen. Die Navigations-Elemente haben neben einer allgemeinen CSS-Klasse zusätzlich noch die gleiche individuelle CSS-ID.
• Der Navigations-Bereich im HTML-Template kann bei Bedarf umsortiert werden.
• Bei Nutzung von HTML5 sollte man ein figure { margin:0; padding:0; } in seiner CSS-Definition verwenden, welches den browser-individuellen Stil resettet. Im Safari wird z.B. ein sehr großer Abstand drumherum hinzugefügt.

Optionale Abhängigkeiten

jquery_easing - wird diese Erweiterung installiert stehen 30 weitere "Easing"-Funktionen automatisch zur Verfügung.
jquery_mousewheel - wird diese Erweiterung installiert kann auch mit dem Mausrad gescrollt werden.
jquery_touchswipe - wird diese Erweiterung installiert kann auch mit Wischgesten und Mausziehen gescrollt werden.

Entdeckte Fehler, Verbesserungsvorschläge oder anderes hier im Thread oder im GitHub-Repository: https://github.com/dklemmt/contao_dk_caroufredsel

Ich freue mich sehr über Feedback und andere Ideen. Falls Fehler auftreten helfe ich gern. Habt jedoch bitte Verständnis dafür, wenn ich euch nicht dabei helfen kann wie man ein bestimmtes Karussell erstellt (das weiß ich nämlich auch nicht). Auf den Webseiten, die oben angegeben sind findet ihr eine Unmenge an Beispielen und Anwendungs-Ideen. Wenn ihr euch dort die JavaScript-Parameter anschaut, so könnt ihr diese leicht ins Backend übernehmen. Für einige Beispiele nutzt Fred die angebotenen Callback-Funktionen von carouFredSel. Diese sind so im Backend nicht verfügbar, können dann aber im JavaScript-Template ergänzt werden. Für die meisten Karussells reichen die Backend-Einstellungen jedoch aus.

Soo das war es erstmal. Viel Spaß damit... :)

Dirk

Zitat:

---

Hier scheint bei Contao RC2 teilweise (unter anderem bei mir) die lokale Kopie von jQuery nicht richtig geladen zu werden. Abhelfen kann man sich wenn man jQuery von googleapis.com laden läßt.

---

Bei mir taucht dieses Problem auch auf.

rc2 am 05.10. geholt, dk_caroufredsel 1.0.0 beta2 build 21.

Zusätzlich möchte ich noch anmerken, dass Colorbox auch mit der lokalen jQuery-Version scheinbar problemlos läuft.

Vielen Dank für dese sehr schöne Erweiterung! :)

Coole Erweiterung. Läuft wunderbar bei mir. Vielen Dank für deine Arbeit!

Hallo zusammen,

ich arbeite gerade an einem umfangreichen Upgrade der Erweiterung, deren Veröffentlichung jedoch noch ein paar Tage braucht. Jedenfalls sind mir dabei mittlerweile so viele Fehler aufgefallen, daß ich diese in einem neuen Build der aktuellen Version korrigiert habe:

- Padding wurde fehlerhaft erstellt
- Karussell-Typ 'einmal' hat nicht funktioniert
- JS-Template beim 'Pause'-Button war fehlerhaft
- JavaScript-Einbindung sollte nun in jedem Fall mit 'lokaler Quelle' funktionieren und nicht nur manchmal =)

Wenn euch noch weitere Sachen auffallen immer her damit. Die nächste Version bringt als Hauptbestandteil "carouFredSel everywhere" mit, d.h. ihr könnt den Slider dann sowohl als Content Element als auch Modul einsetzen. Ein News-Ticker Modul hab ich gleich mit eingebaut. ;)

Grüße...
...Dirch

PS: schön, daß euch die Erweiterung gefällt - Danke :D

Klingt gut! :-)

Mir sind bei Tests noch folgende Macken aufgefallen:
1. Bei Einstellung responsive :
Wenn ich Laufrichtung rechts oder links eingestellt habe, dann habe ich eine korrekte Slider-Höhe von 447px.
Nehme ich jedoch bei sonst gleichen EInstellungen Laufrichtung hoch oder runter, dann schrumpft der Wrapper auf 21 px und das enthaltene Div auf 147 px. Der Slider wird damit quasi unsichtbar. Wie diese Höhen zusatndekommen, ist mir rätselhaft.

2. Prev und next sind nicht korrekt verlinkt (href="#"), womit dann ein Sprung zur Startseite ausgelöst wird.

Vielleicht hab ich aber auch noch irgendwas falsch gemacht.

Zitat:

---

Zitat von jubel

Klingt gut! :-)

Mir sind bei Tests noch folgende Macken aufgefallen:
1. Bei Einstellung responsive :
Wenn ich Laufrichtung rechts oder links eingestellt habe, dann habe ich eine korrekte Slider-Höhe von 447px.
Nehme ich jedoch bei sonst gleichen EInstellungen Laufrichtung hoch oder runter, dann schrumpft der Wrapper auf 21 px und das enthaltene Div auf 147 px. Der Slider wird damit quasi unsichtbar. Wie diese Höhen zusatndekommen, ist mir rätselhaft.

---

Das Problem besteht auch wenn du sie Seite neu lädst? Responsive habe ich noch nicht eingesetzt, aber mir ist unter anderem auch aufgefallen, daß das Script manchmal die Größen nicht richtig hinbekommt. Vor allem wenn ich einen Slider nur aus Bildern habe. Einmal stellt er das Bild in der Höhe komplett dar, beim nächsten Laden der Seite sieht man dann nur die oberen 20 Pixel. Eine feste Größe vorgeben lößt das Problem wenn auch unschön und ist bei Responsive nicht wirklich brauchbar. Leider hab ich auf die Berechnung von Größen keine Einflußmöglichkeit. Kann sein, daß es da noch den einen oder anderen Bug im Script gibt. Denn eigentlich sollte die Standard-Vorgabe "automatisch" es auch so berechnen. Ich schau aber noch mal in meinen Teil rein. Vielleicht hab ich was vergessen zu übergeben. *hust*

Welche Art von Elemente versuchst du so zu sliden? Bilder mit unterschiedlichen Größen oder reine Textelemente?

Zitat:

---

Zitat von jubel

2. Prev und next sind nicht korrekt verlinkt (href="#"), womit dann ein Sprung zur Startseite ausgelöst wird.

Vielleicht hab ich aber auch noch irgendwas falsch gemacht.

---

Die Verlinkungen habe ich so von seiner Webseite/Anleitung übernommen. Das Script selbst sorgt dafür, daß dort richtig "gesprungen" wird. Bei mir hat das auch funktioniert. Wenn du eine Seite hast wo ich mir das Verhalten anschauen kann, dann kannst du mir diese gern nennen (auch über PM). Ich glaube nicht, daß du generell etwas falsch gemacht hast, denn an sich funktioniert der Slider ziemlich gut bzw. sollte es ohne irgendwelchen Einstellungen. Lediglich die CSS-Formatierungen muß man machen. Beim nächsten Update ist dann auch ein CSS-Template dabei. Mit dem kämpfe ich allerdings noch etwas herum.

Zitat:

---

Das Problem besteht auch wenn du sie Seite neu lädst?

---

Ja, ich kann beliebig oft Reload drücken ohne Änderung.

Zitat:

---

Welche Art von Elemente versuchst du so zu sliden? Bilder mit unterschiedlichen Größen oder reine Textelemente?

---

Nur Bilder konstanter Größe.

Ich brauche die Responsive-Funktion in diesem Projekt nicht und habe selber auch noch nicht viel Erfahrung damit. War mir nur beim Testen aufgefallen.

Zitat:

---

Wenn du eine Seite hast wo ich mir das Verhalten anschauen kann, dann kannst du mir diese gern nennen (auch über PM).

---

Im Moment arbeite ich nur lokal, was C3 angeht. Das Projekt ist nicht zeitkritisch.

Auf jeden Fall finde ich den Slider mit den vielen Möglichkeiten sehr interessant. Danke für deinen Einsatz! :)

Ich habe dazu auch eine Frage:
https://www.contao-community.de/show...ander&p=232777

Zitat:

---

Zitat von jubel

Nur Bilder konstanter Größe.

Ich brauche die Responsive-Funktion in diesem Projekt nicht und habe selber auch noch nicht viel Erfahrung damit. War mir nur beim Testen aufgefallen.

---

Die Responsive-Funktion schaltet die Größenberechnung des Sliders komplett um, d.h. daß die Elemente beim Resizen des Fensters auch in ihrer Größe angepaßt werden. Willst du lediglich, daß beim Resizen die Anzahl der sichtbaren Elemente erhöht bzw. verringert wird reicht es eine "flüssige" Breite/Höhe anzugeben.

Wenn Elemente nur halb dargestellt werden, dann hilft es diesen eine explizite Größe zu geben - entweder im Slider oder über CSS. Ich habe auch gemerkt, daß der Slider mit den vielen Wrapper-Divs um die Inhalts-Elemente herum, ein paar Schwierigkeiten mit der (automatischen) Größenberechnung hat. Hier bin ich noch am Suchen, wie man es ihm da leichter machen kann... :)

Bei mir gehts nicht... habe eigentlich alles gemacht.
muss ich evt spez. jquery laden? oder nur standart von Contao

Zitat:

---

Zitat von MacPix

Bei mir gehts nicht... habe eigentlich alles gemacht.
muss ich evt spez. jquery laden? oder nur standart von Contao

---

Mit so Aussagen kann ich rein gar nichts anfangen, da ich der Fähigkeit des Gedankenlesens leider nicht mächtig bin. Irgend etwas wirst du nicht gemacht haben, denn bei anderen geht es ja. Die Frage ist: was geht denn nicht? Wird der Slider mit dem HTML-Code auf der Seite eingebunden, wird das JavaScript im Head eingebunden, gibt es Script-Fehler? Wo und wie hast du die Inhalte hinterlegt? Benutzt du ein CE, hast die Inhalte aber in der Slider-Konfiguration hinterlegt?

Bzgl. jQuery muß man nur das im Layout Bereich aktivieren - also kein weiteres laden.

Zitat:

---

Zitat von Dirch

Mit so Aussagen kann ich rein gar nichts anfangen, da ich der Fähigkeit des Gedankenlesens leider nicht mächtig bin. Irgend etwas wirst du nicht gemacht haben, denn bei anderen geht es ja. Die Frage ist: was geht denn nicht? Wird der Slider mit dem HTML-Code auf der Seite eingebunden, wird das JavaScript im Head eingebunden, gibt es Script-Fehler? Wo und wie hast du die Inhalte hinterlegt? Benutzt du ein CE, hast die Inhalte aber in der Slider-Konfiguration hinterlegt?

Bzgl. jQuery muß man nur das im Layout Bereich aktivieren - also kein weiteres laden.

---

entlich lauft der Slider.

Kann man auch einen Ordner als Dateienquelle festlegen?
Oder auch mehere Effekte hinzufügen?

Zitat:

---

Zitat von MacPix

entlich lauft der Slider.

Kann man auch einen Ordner als Dateienquelle festlegen?
Oder auch mehere Effekte hinzufügen?

---

ah fein - woran lag es denn?

Der Slider ist ein Inhalts-Slider und kein reiner Bild-Slider (wie andere), daher kann man auch keine Ordner als Quelle festlegen oder nur Bilder - man hinterlegt Content-Elemente, die natürlich auch Bilder beinhalten können. Habe jedoch auch schon mal an eine solche Möglichkeit gedacht, aber bisher noch keine Zeit gefunden das weiter zu verfolgen.

Was meinst du mit "mehrere Effekte hinzufügen"? Du meinst bei jedem scrollen einen anderen Effekt? Das ist so bisher nicht vorgesehen. Der Slider hat so schon sehr viele Einstell-Möglichkeiten. Da wollte ich die Anwender erstmals nicht mit noch mehr erschlagen... ;)

Hallo Dirch

hmm woran es genau lag weiss ich nicht, ich hab alles deinstalliert und neu gemacht mit dem Slider und es klappte wunderbar. Lag sicher an mir :-)

em mit mehreren Effekte meinte ich, diverse Effekte zum auswählen, die aber dann immer der gleich ist.
Das was du meinst wäre auch eine Option, ich persönlich bevorzuge einen Effekt pro slider. aber mehrere zur Auswahl..

Gruss Marco

Zitat:

---

Zitat von MacPix

Hallo Dirch

hmm woran es genau lag weiss ich nicht, ich hab alles deinstalliert und neu gemacht mit dem Slider und es klappte wunderbar. Lag sicher an mir :-)

em mit mehreren Effekte meinte ich, diverse Effekte zum auswählen, die aber dann immer der gleich ist.
Das was du meinst wäre auch eine Option, ich persönlich bevorzuge einen Effekt pro slider. aber mehrere zur Auswahl..

Gruss Marco

---

öhm ja das kann der Slider auf jeden Fall. Er bringt sogar einige mit - Effekte sowie unterschiedliche Easing-Funktionen. Sind alle in den Einstellungen zu finden. Mußt halt das Einstellungs-Kästchen aktivieren, damit du diese anpassen kannst...

Grüße...
...Dirk

Hallo Marco -
was meinst mit alles deinstalliert? Hab noch die "navigation-image" von Rocksolidthemes integriert, basiert auch auf Jquery könnt es daran liegen?

Zitat:

---

Zitat von MacPix

Hallo Dirch

hmm woran es genau lag weiss ich nicht, ich hab alles deinstalliert und neu gemacht mit dem Slider und es klappte wunderbar. Lag sicher an mir :-)

em mit mehreren Effekte meinte ich, diverse Effekte zum auswählen, die aber dann immer der gleich ist.
Das was du meinst wäre auch eine Option, ich persönlich bevorzuge einen Effekt pro slider. aber mehrere zur Auswahl..

Gruss Marco

---

Hat sich erledigt - "navigation-image" aktualisiert, Slider deinstalliert und neu installiert - läuft. Schön. :-)

Hi Dirch,

schicker Slider "aber!". Die Größenberechnung via Backend-Angabe funktioniert leider gar nicht. Die Wrapper die Du darum gebaut hast, verhindern die Größenberechnung in der Breite. Reduziere dies doch auf eine individuell anzugebende ID eines DIV Containers. Normalerweise hilft eine "width" 100%" schon. Hier aber nicht,

Zitat:

---

Zitat von Flattersatz

Hi Dirch,

schicker Slider "aber!". Die Größenberechnung via Backend-Angabe funktioniert leider gar nicht. Die Wrapper die Du darum gebaut hast, verhindern die Größenberechnung in der Breite. Reduziere dies doch auf eine individuell anzugebende ID eines DIV Containers. Normalerweise hilft eine "width" 100%" schon. Hier aber nicht,

---

Heho,

welche Wrapper verhindern denn da etwas und wieso sollten sie? Welche Breitenberechnung meinst du? Man kann da ja ziemlich viel einstellen, z.B. auch eine width 100% wenn das gewünscht ist (sobald man flüssig wählt). Die Wrapper sind einfach wrapper, die man mit CSS ansprechen kann und sonst eigentlich rein gar nichts machen. Vielleicht kannst du mir ein Beispiel sagen, wo es nicht funktioniert und wie du die Reduzierung auf eine ID genau meinst. So kann ich das leider nicht ganz nachvollziehen und bisher hat auch sonst niemand mit den Wrappern ein Problem gehabt.

Grüße...
...Dirk

carouFredSel hat konflikt mit coin-slider, also entweder-oder :)

Zitat:

---

Zitat von vanya

carouFredSel hat konflikt mit coin-slider, also entweder-oder :)

---

und welchen Konflikt soll carouFredSel mit dem Coin-Slider haben?! Das stimmt so nämlich nicht, da bei mir beide gleichzeitig funktionieren. Bevor man also sagt etwas geht nicht, sollte man zumindest aufschreiben WAS bei einem selbst denn da nicht geht. So kann weder ich noch der Autor der Coin-Slider-Erweiterung damit etwas anfangen...

Hallo,

gibt es auch die Möglichkeit in der Navigation einen Link (Ankerlink) zu einem Sliderelement zu setzen?
Wenn mein Slider also aus 10 Elementen besteht und ich in der Hauptnavigation z.B. auf das 7. Element einen Direktlink setzen möchte?

LG,
Dirk

Zitat:

---

Zitat von dirksche

Hallo,

gibt es auch die Möglichkeit in der Navigation einen Link (Ankerlink) zu einem Sliderelement zu setzen?
Wenn mein Slider also aus 10 Elementen besteht und ich in der Hauptnavigation z.B. auf das 7. Element einen Direktlink setzen möchte?

LG,
Dirk

---

Hi Dirk,

Du meinst, daß wenn du in einer Navigation (also außerhalb des Sliders) einen best. Punkt auswählst, der Slider dann zu einem zugehörigen Slide scrollt?

Sowas geht theoretisch, aber du mußt dazu JavaScript aufrufen können. Zu dem Slider gibt es unzählige Trigger-Events um ihn von außen ansteuern zu können. Hier die Beispiele zum Sliden von außerhalb ('foo' dann entsprechend ersetzen. Das 2. Beispiel ist wohl das, was du suchst):

PHP-Code:

---

//    scroll to the third item
$("#foo").trigger("slideTo", 2);

//    scroll to an item using a jQuery selector
$("#foo").trigger("slideTo", "img.selected");

//    scroll to an item using a jQuery object
$("#foo").trigger("slideTo", $(this));

//    scroll to the item two items left of the targeted item
$("#foo").trigger("slideTo", [$(this), -2]);

//    scroll to the third item in the original item order
$("#foo").trigger("slideTo", [2, true]);

//    scroll to the third item using custom configuration options
$("#foo").trigger("slideTo", [2, {
    fx            : "fade",
    duration    : 300
}]);

//    scroll backward to the third item
$("#foo").trigger("slideTo", [2, "prev"]);

//    scroll forward to the third item
$("#foo").trigger("slideTo", [2, "next"]); 


---

Alle "custom events" findet man hier: http://caroufredsel.dev7studios.com/...tom-events.php

Grüße...
...Dirk ;)

Hi Dirk,

ja, genau das habe ich gesucht. Danke :-)

LG,
Dirk

Zitat:

---

Zitat von Dirch

und welchen Konflikt soll carouFredSel mit dem Coin-Slider haben?! Das stimmt so nämlich nicht, da bei mir beide gleichzeitig funktionieren. Bevor man also sagt etwas geht nicht, sollte man zumindest aufschreiben WAS bei einem selbst denn da nicht geht. So kann weder ich noch der Autor der Coin-Slider-Erweiterung damit etwas anfangen...

---

Hallo Dirch,

ich verwende auch den Coin-Slider und wollte nun das carouFredSel ausprobieren.
Nachdem ich es jetzt installiert habe taucht der Menüpunkt auch bei mir im Backend unter Inhalte auf.

Bei klick darauf erhalte ich allerdings folgenden Fehler:
Fatal error: Uncaught exception Exception with message Query error: Table 'contao-3.0.x.tl_dk_caroufredsel' doesn't exist (SELECT autoPlay, autoProgress, navigation, pagination, widthSelect, heightSelect, itemsWidthSelect, itemsHeightSelect, itemsVisibleSelect FROM tl_dk_caroufredsel WHERE id = NULL LIMIT 0,1) thrown in C:\Contao2Go\htdocs\vhosts\contao-3.0.x\system\modules\core\library\Contao\Database\ Statement.php on line 317

#0 C:\Contao2Go\htdocs\vhosts\contao-3.0.x\system\modules\core\library\Contao\Database\ Statement.php(261): Contao\Database\Statement->query()
#1 C:\Contao2Go\htdocs\vhosts\contao-3.0.x\system\cache\dca\tl_dk_caroufredsel.php(578) : Contao\Database\Statement->execute(NULL)
#2 C:\Contao2Go\htdocs\vhosts\contao-3.0.x\system\modules\core\drivers\DC_Table.php(208 ): tl_dk_caroufredsel->changePalette(Object(Contao\DC_Table))
#3 C:\Contao2Go\htdocs\vhosts\contao-3.0.x\system\modules\core\classes\Backend.php(211) : Contao\DC_Table->__construct('tl_dk_caroufred...', Array)
#4 C:\Contao2Go\htdocs\vhosts\contao-3.0.x\contao\main.php(121): Contao\Backend->getBackendModule('caroufredsel')
#5 C:\Contao2Go\htdocs\vhosts\contao-3.0.x\contao\main.php(319): Main->run()
#6 {main}


Ich kann leider nur bunte Bilder und bin mit der Fehlermeldung überfordert.
Die Erweiterungsverwaltung sagt alles ist aktuell.
Was habe ich falsch gemacht.

Viele Grüße,
nane

---------
Nachtrag: Habe jetzt auf reparieren geklickt:
Datei Installation/Update-Log
Prüfung/Reparatur dk_caroufredsel 1.0.0 stable Build 10
58 Datei(en) unverändert
Aktion erfolgreich.

Dann weiter / aktualisieren..

Fatal error: Uncaught exception Exception with message Query error: Table 'tl_coinpictures' already exists (CREATE TABLE `tl_coinPictures` ( `name` varchar(255) NOT NULL default '', `description` text NULL, `singleSRC` varchar(255) NOT NULL default '', `size` varchar(64) NOT NULL default '', `alt` varchar(255) NOT NULL default '', `imageUrl` varchar(255) NOT NULL default '', `published` char(1) NOT NULL default '', `id` int(10) unsigned NOT NULL auto_increment, `pid` int(10) unsigned NOT NULL default '0', `sorting` int(10) unsigned NOT NULL default '0', `tstamp` int(10) unsigned NOT NULL default '0', PRIMARY KEY (`id`), KEY `pid` (`pid`) ) ENGINE=MyISAM DEFAULT CHARSET=utf8 COLLATE utf8_general_ci;) thrown in C:\Contao2Go\htdocs\vhosts\contao-3.0.x\system\modules\core\library\Contao\Database\ Statement.php on line 317

#0 C:\Contao2Go\htdocs\vhosts\contao-3.0.x\system\modules\core\library\Contao\Database. php(214): Contao\Database\Statement->query('CREATE TABLE `t...')
#1 C:\Contao2Go\htdocs\vhosts\contao-3.0.x\system\modules\repository\classes\Repository Manager.php(460): Contao\Database->query('CREATE TABLE `t...')
#2 C:\Contao2Go\htdocs\vhosts\contao-3.0.x\system\modules\repository\classes\Repository BackendModule.php(150): RepositoryManager->update('database')
#3 C:\Contao2Go\htdocs\vhosts\contao-3.0.x\system\modules\core\classes\BackendModule.ph p(100): RepositoryBackendModule->compile()
#4 C:\Contao2Go\htdocs\vhosts\contao-3.0.x\system\modules\repository\classes\Repository BackendModule.php(72): Contao\BackendModule->generate()
#5 C:\Contao2Go\htdocs\vhosts\contao-3.0.x\system\modules\repository\classes\Repository Manager.php(50): RepositoryBackendModule->generate()
#6 C:\Contao2Go\htdocs\vhosts\contao-3.0.x\system\modules\core\classes\Backend.php(224) : RepositoryManager->generate()
#7 C:\Contao2Go\htdocs\vhosts\contao-3.0.x\contao\main.php(121): Contao\Backend->getBackendModule('repository_mana...')
#8 C:\Contao2Go\htdocs\vhosts\contao-3.0.x\contao\main.php(319): Main->run()
#9 {main}

PROBLEM GELÖST!!

Beim DB Update den Haken weglassen bei:

CREATE TABLE `tl_coinPictures`
CREATE TABLE `tl_coinSlider`

Dann funktioniert es.

Ob das die "Richtige" Lösung ist, weiß ich allerdings nicht.

Zitat:

---

Zitat von nane

PROBLEM GELÖST!!

Beim DB Update den Haken weglassen bei:

CREATE TABLE `tl_coinPictures`
CREATE TABLE `tl_coinSlider`

Dann funktioniert es.

Ob das die "Richtige" Lösung ist, weiß ich allerdings nicht.

---

Hallo Nane,

in dem Fall schon. Allerdings ist/sollte das weniger ein Problem der beiden Erweiterungen sein. Da muß sich irgendetwas auf deinem System verschluckt haben. Was passiert denn, wenn du erneut die DB aktualisieren läßt? Möchte er dann nach wie vor die Tabellen neu anlegen? Irgendetwas im System dachte da, daß diese Tabellen noch nicht vorhanden sind. Möglicherweise liegt es am C2Go. Ich werde mal schauen was auf meinem Webspace passiert, wenn ich den Coin-Slider instaliere und anschließend den carouFredSel. Die DB-Tabellen sind komplett verschieden, so daß es dabei eigentlich keinen Konflikt geben dürfte.

Hi Dirch,

wenn ich erneut die Db aktualisieren möchte bekomme ich wieder den Fehler:

HTML-Code:

---

Fatal error: Uncaught exception Exception with message Query error: Table 'tl_coinpictures' already exists (CREATE TABLE `tl_coinPictures` ( `name` varchar(255) NOT NULL default '', `description` text NULL, `singleSRC` varchar(255) NOT NULL default '', `size` varchar(64) NOT NULL default '', `alt` varchar(255) NOT NULL default '', `imageUrl` varchar(255) NOT NULL default '', `published` char(1) NOT NULL default '', `id` int(10) unsigned NOT NULL auto_increment, `pid` int(10) unsigned NOT NULL default '0', `sorting` int(10) unsigned NOT NULL default '0', `tstamp` int(10) unsigned NOT NULL default '0', PRIMARY KEY (`id`), KEY `pid` (`pid`) ) ENGINE=MyISAM DEFAULT CHARSET=utf8 COLLATE utf8_general_ci;) thrown in C:\Contao2Go\htdocs\vhosts\contao-3.0.x\system\modules\core\library\Contao\Database\Statement.php on line 317

#0 C:\Contao2Go\htdocs\vhosts\contao-3.0.x\system\modules\core\library\Contao\Database.php(214): Contao\Database\Statement->query('CREATE TABLE `t...')
#1 C:\Contao2Go\htdocs\vhosts\contao-3.0.x\system\modules\repository\classes\RepositoryManager.php(460): Contao\Database->query('CREATE TABLE `t...')
#2 C:\Contao2Go\htdocs\vhosts\contao-3.0.x\system\modules\repository\classes\RepositoryBackendModule.php(150): RepositoryManager->update('database')
#3 C:\Contao2Go\htdocs\vhosts\contao-3.0.x\system\modules\core\classes\BackendModule.php(100): RepositoryBackendModule->compile()
#4 C:\Contao2Go\htdocs\vhosts\contao-3.0.x\system\modules\repository\classes\RepositoryBackendModule.php(72): Contao\BackendModule->generate()
#5 C:\Contao2Go\htdocs\vhosts\contao-3.0.x\system\modules\repository\classes\RepositoryManager.php(50): RepositoryBackendModule->generate()
#6 C:\Contao2Go\htdocs\vhosts\contao-3.0.x\system\modules\core\classes\Backend.php(224): RepositoryManager->generate()
#7 C:\Contao2Go\htdocs\vhosts\contao-3.0.x\contao\main.php(121): Contao\Backend->getBackendModule('repository_mana...')
#8 C:\Contao2Go\htdocs\vhosts\contao-3.0.x\contao\main.php(319): Main->run()
#9 {main}

---

Das liegt daran, dass Du auf einem Windows-System arbeitest. Im Contao-Wiki wurde die Problematik der Groß-/Kleinschreibung von Datenbanktabellen aufgegriffen und eine mögliche Lösung aufgezeigt.

Hallo Dirk,

gibt es eine Möglichkeit, wenn man den Slider als Bildslider verwendet, bei Klick auf ein Bild zum nächsten Bild zu gelangen?

Entweder als zuklickbare Funktion oder als ergänzenden Anhang an den Urlaufruf?

Zitat:

---

Zitat von planepix

Entweder als zuklickbare Funktion oder als ergänzenden Anhang an den Urlaufruf?

---

Heho Thomas,

ja so etwas kann man machen. Schau mal hier sein Beispiel an: http://caroufredsel.dev7studios.com/...tom-events.php

Dieses ist etwas komplexer, da es in Abhängigkeit des Klicks mehr Elemente scrollt. Du mußt nur auf das Click-Event

PHP-Code:

---

$("#caroufredsel_<?php echo $this->id; ?>").trigger("next");

---

eintragen. Damit scrollt er zum nächsten Element.

ungetestet, aber so müßte das Aussehen, was du im Template anhängen mußt.

PHP-Code:

---

(...).click(function() {
    $("#caroufredsel_<?php echo $this->id; ?>").trigger("next");
}).css("cursor", "pointer");

---

Hier findest du Infos über die ganzen möglichen Events: http://caroufredsel.dev7studios.com/...tom-events.php

Grüße...
...Dirk

Hallo au einer Seite hab ich das problem, dass der slider ganz flach ist und die bilder nur den streiffen sieht. Bei mehrmaligem laden gehts dan wider ...

Was könnte ich da verbessern?

Zitat:

---

Zitat von MacPix

Hallo au einer Seite hab ich das problem, dass der slider ganz flach ist und die bilder nur den streiffen sieht. Bei mehrmaligem laden gehts dan wider ...

Was könnte ich da verbessern?

---

Im Wiki (http://de.contaowiki.org/Dk_carouFredSel) nachlesen oder hier im Forum zu dem Slider wo dieses Thema schon oft und lange besprochen wurde? :cool:

Zitat:

---

Zitat von Dirch

Im Wiki (http://de.contaowiki.org/Dk_carouFredSel) nachlesen oder hier im Forum zu dem Slider wo dieses Thema schon oft und lange besprochen wurde? :cool:

---

Danke... Jetzt nur noch wissen wie ;)

Zitat:

---

Im Normalfall wird das JavaScript gestartet nachdem die HTML-Datei geladen und der DOM aus ihr aufgebaut wurde ((document).ready(function() {}). Zu diesem Zeitpunkt sind Bilder noch nicht/nicht komplett geladen und es werden im Gegensatz zu anderen Browsern (wie z.B. FireFox) beim Abfragen der Größen durch jQuery von den Browsern falsche Werte geliefert. Selbst dann wenn diese als Attribute in img-Tag hinterlegt sind.

Ändert man das Startverhalten des JavaScripts auf den Zeitpunkt zu dem die komplette Seite und alle Inhalte geladen sind ((window).load(function() {}) so umgeht man die fehlerhaft gelieferten Größenangaben. Nachteil dieser Methode ist jedoch, daß das Eintreten dieses Zeitpunkts länger dauern kann und die bis dahin geladenen Inhalte der einzelnen Slides gleichzeitig sichtbar werden. Diese werden zwar automatisch versteckt und nach Beendigung des Ladevorgangs sichtbar, nehmen jedoch ihren Raum auf der Seite ein was unschön aussehen kann.

---

Siehe: System / Einstellungen / carouFredSel-Einstellungen > JavaScript Startmethode

Zitat:

---

Zitat von Kim

Siehe: System / Einstellungen / carouFredSel-Einstellungen > JavaScript Startmethode

---

Danke .. Wow so einfach..

Coole Erweiterung muss ich schon mal sagen. Danke dem Entwickler.

Zitat:

---

Zitat von Dirch

Ich freue mich sehr über Feedback und andere Ideen. Falls Fehler auftreten helfe ich gern.

---

Hallo Dirch,
mein Feedback ist, dass ich die Erweiterung toll finde. Insbesondere auch, dass grundsätzlich eine Einbindung als Modul möglich ist. Allerdings werden die CSS-Styles unterschiedlich je nach Einbindungsart (Inhaltselement oder Modul) dargestellt. Bisher habe ich leider auch keine Möglichkeit gefunden, die Styles über ein eigenes CSS zu steuern. Mit den Angaben in der XHTML-Datei aus dem Template CSS_Caroufredsel light komme ich leider nicht zurecht, eine Referenzierung im Template auf eine externe CSS-Datei hat nicht funktioniert. Kannst du mir sagen, wie ich meinen eigenen Style implementieren kann?
Vielen Dank und viele Grüße!
Isabelle
PS: ich arbeite mit Contao 3.0.6 und Caroufredsel 1.1.0. JQuery und Moo-Tools sind "an", Contao CSS-Framework + eigenes Reset-Stylesheet und andere eigene Styles sind eingebunden.

Hallo Isabelle,

inwiefern werden die Styles denn als Modul und CE unterschiedlich dargestellt? Eigentlich sollte das nicht der Fall sein, da sich nur der äußerste Container vom Klassennamen her unterscheidet (mod_caroufredsel und ce_caroufredsel). Im inneren sind sie identisch, falls ich keinen Fehler eingebaut habe. ;)

Hmm ich vermute bei deiner Formatierung eher, daß du dein CSS-File nicht richtig eingebunden hast. Für die Erweiterung ist es unerheblich, ob du den internen CSS-Editor benutzt oder ein externes Stylesheet. Am besten beläßt du das CSS-Template bei "css_caroufredsel". Dies ist das Standard-Template und bringt keine bzw. nur eine Grundformatierung mit. Du kannst dann alle anderen Klassen im Slider nach deinem Wunsch gestalten. Die anderen Themes sind eher dazu gedacht, daß man sie so einsetzt wie sie mitgeliefert werden, da sie dynamisch zur Laufzeit durch PHP erstellt werden. Wenn du sehen möchtest wie du die Formatierungen anwenden kannst, dann solltest du dir in dem Fall den generierten Quelltext im Browser anschauen. Das Template selbst ist da doch recht unübersichtlich.

Das CSS-File bindest du nicht im Template ein, sondern in deinem Layout. Da gibt es im Bereich "Stylesheets" die Möglichkeit diese aus dem Dateisystem einzubinden.

Viele Grüße...
...Dirk

Hallo,

ich nutze diese Extension schon eine ganze Weile mit Contao 3.1, eine supertolle Erweiterung ...DANKE dem Entwickler.
Nun zu meiner Frage:
Ich weiss dass dieser Slider in erster Linie ein Contentslider ist, Aber auf meiner Seite (www.fotoszenerie.at) nutze ich ihn momentan als Galerie.Gibt es die Möglichkeit auch einen kompletten Ordner mit Bildern upzuloaden, ohne die
Elemente dann einzeln ( Foto für Foto) einzubinden zu müssen?

lg Tanja

Hallo Tanja,

hmm welche Version benutzt du? Du hast nicht zufällig die Beschreibung zur Version 1.1 gelesen? ;D Wenn nicht, dann solltest du dort ein Update machen. Da gibt's eine neue Galerie, die genau DAS macht... =)

Viele Grüße...
...Dirk

Danke Dirch,
werde es gleich versuchen
Wer lesen kann , ist klar im Vorteil ;-)

lg Tanja

Zitat:

---

Zitat von Dirch

Hallo zusammen,

ich arbeite gerade an einem umfangreichen Upgrade der Erweiterung, deren Veröffentlichung jedoch noch ein paar Tage braucht. Jedenfalls sind mir dabei mittlerweile so viele Fehler aufgefallen, daß ich diese in einem neuen Build der aktuellen Version korrigiert habe:

- Padding wurde fehlerhaft erstellt
- Karussell-Typ 'einmal' hat nicht funktioniert
- JS-Template beim 'Pause'-Button war fehlerhaft
- JavaScript-Einbindung sollte nun in jedem Fall mit 'lokaler Quelle' funktionieren und nicht nur manchmal =)

Wenn euch noch weitere Sachen auffallen immer her damit. Die nächste Version bringt als Hauptbestandteil "carouFredSel everywhere" mit, d.h. ihr könnt den Slider dann sowohl als Content Element als auch Modul einsetzen. Ein News-Ticker Modul hab ich gleich mit eingebaut. ;)

Grüße...
...Dirch

PS: schön, daß euch die Erweiterung gefällt - Danke :D

---

Hallo Dirch,

ich habe gerade deine Erweiterung installiert, um einen News-Ticker als Slider einzubinden. Dazu habe ich zwei Fragen/Probleme:

Problem: Wenn ich das Newsticker-Modul einbinde, funktioniert so weit alles super. Leider wird der Teasertext nicht angezeigt, wenn er länger ist, als das Inhaltselement - es wird ein overflow: hidden gemacht, ich hätte aber gerne, dass der Text in voller Länge angezeigt wird, also bei Ende des Elements abegschnitten und in der nächsten Zeile fortgeführt wird.

Darüber hinaus macht das Modul Probleme, wenn ich ihm eine feste Größe vergeben möchte. Wenn ich die Höhe mit angebe, werden keine Elemente mehr versteckt, sondern alle untereinander angezeigt.

Ist das ein Bug oder stelle ich da was falsch ein?


Zur Frage: Ist es möglich, das Vorschaubild der News einzubinden? Ich schätze, dafür muss ich einfach das entsprechende Template bearbeiten, richtig?

Vielen Dank im Voraus,


Grüße

Peter

Zitat:

---

Zitat von peter.morawski

Hallo Dirch,

ich habe gerade deine Erweiterung installiert, um einen News-Ticker als Slider einzubinden. Dazu habe ich zwei Fragen/Probleme:

Problem: Wenn ich das Newsticker-Modul einbinde, funktioniert so weit alles super. Leider wird der Teasertext nicht angezeigt, wenn er länger ist, als das Inhaltselement - es wird ein overflow: hidden gemacht, ich hätte aber gerne, dass der Text in voller Länge angezeigt wird, also bei Ende des Elements abegschnitten und in der nächsten Zeile fortgeführt wird.

Darüber hinaus macht das Modul Probleme, wenn ich ihm eine feste Größe vergeben möchte. Wenn ich die Höhe mit angebe, werden keine Elemente mehr versteckt, sondern alle untereinander angezeigt.

Ist das ein Bug oder stelle ich da was falsch ein?


Zur Frage: Ist es möglich, das Vorschaubild der News einzubinden? Ich schätze, dafür muss ich einfach das entsprechende Template bearbeiten, richtig?

---

Hallo Peter,

stell doch mal bei der Element- oder Karussell-Höhe den Wert auf "variabel" ein. Dann wächst und schrumpft der Slider entsprechend des Platzbedarfs des Inhalts.

Wenn alle Elemente untereinander erscheinen dann kann es sein, daß es einen Javascript-Fehler gibt, der nicht auftreten sollte. Kann ich mir das mal online anschauen? Oder kannst du mal mit einem Tool nachschauen welcher Fehler auftritt bzw. mir den Quelltext ausschnitt des Javascripts hier reinschreiben mit welchem der Aufruf gestartet wird?

Der Newsticker basiert auf dem Contao-Modul "Nachrichtenliste". Da dieses Modul nur die Teaser-Texte zu den Nachrichten ausgibt, kann man hier kein Bild einbinden. Dazu wäre ein zusätzliches Modul notwendig, das dann auf einem anderen Nachrichten-Modul aufsetzt oder eine Erweiterung des vorhandenen. Im Template allein reicht eine Änderung nicht, weil an keiner Stelle ein Bild eingebunden wird.

Viele Grüße...
...Dirk

Zitat:

---

Zitat von Dirch

Hallo Peter,

stell doch mal bei der Element- oder Karussell-Höhe den Wert auf "variabel" ein. Dann wächst und schrumpft der Slider entsprechend des Platzbedarfs des Inhalts.

Wenn alle Elemente untereinander erscheinen dann kann es sein, daß es einen Javascript-Fehler gibt, der nicht auftreten sollte. Kann ich mir das mal online anschauen? Oder kannst du mal mit einem Tool nachschauen welcher Fehler auftritt bzw. mir den Quelltext ausschnitt des Javascripts hier reinschreiben mit welchem der Aufruf gestartet wird?

Der Newsticker basiert auf dem Contao-Modul "Nachrichtenliste". Da dieses Modul nur die Teaser-Texte zu den Nachrichten ausgibt, kann man hier kein Bild einbinden. Dazu wäre ein zusätzliches Modul notwendig, das dann auf einem anderen Nachrichten-Modul aufsetzt oder eine Erweiterung des vorhandenen. Im Template allein reicht eine Änderung nicht, weil an keiner Stelle ein Bild eingebunden wird.

Viele Grüße...
...Dirk

---

Hallo Dirk,

die Karrussell-Größe ist auf variabel eingestellt, die Größe habe ich per CSS definiert; da ich eine feste Größe für den entsprechenden Block brauche. Es will einfach nicht klappen, wo ich die Breite auch einstelle.

Das mit dem Untereinander anzeigen war ein CSS-Fehler meinerseits.

Das Bild anzuzeigen klapp, ich habe die Zeilen aus dem standard Newsticker-Template in dein Erweiterungstemplate kopiert!

Leider habe ich die Website aktuell nur lokal laufen.


Grüße

Peter


EDIT: Ich habe mal einen Screenshot hinzugefügt. Durch die variable Breite nimmt der Block scheinbar die Gesamtlänge des Teaser-Textes als Referenz und macht es in ein Inline-Style - dadurch kann man das auch nicht mehr per CSS überschreiben :(

Zitat:

---

Zitat von peter.morawski

Hallo Dirk,

die Karrussell-Größe ist auf variabel eingestellt, die Größe habe ich per CSS definiert; da ich eine feste Größe für den entsprechenden Block brauche. Es will einfach nicht klappen, wo ich die Breite auch einstelle.

Das mit dem Untereinander anzeigen war ein CSS-Fehler meinerseits.

Das Bild anzuzeigen klapp, ich habe die Zeilen aus dem standard Newsticker-Template in dein Erweiterungstemplate kopiert!

Leider habe ich die Website aktuell nur lokal laufen.


Grüße

Peter

---

Ah das ist gut zu wissen mit dem Bild. Hab schon länger nicht mehr in die News-Klassen geschaut. Dann ist das bildspezifische wohl in der Elternklasse definiert. Fein. =)

Hmm wegen der Größen kann ich dir leider nicht helfen. So richtig verstanden habe ich noch nicht, wie sich der Ticker im Detail verhalten soll. Bei so etwas wäre etwas visuelles hilfreich. Der overflow:hidden auf dem Wrapper ist wichtig, damit man nur das aktuelle Element gezeigt bekommt. Eigentlich kann man über die Größen des Karussells und der Elemente eigentlich alles einstellen wie man es brauchen müßte und benutzt CSS Größen dann, um den gesamten Slider-Container als solches zu beschränken. Sobald man ihn aber beschränkt wird er dort nicht darüber hinauswachsen.

Jetzt fällt mir spontan beim Schreiben auf, dass es noch einen weiteren overflow:hidden gibt, der auf #caroufredsel_skin sitzt. den kannst du entfernen wenn du willst. Einfach im CSS-Template rausschmeissen. Vielleicht ist dieser die Lösung dann...

Zitat:

---

Zitat von peter.morawski

EDIT: Ich habe mal einen Screenshot hinzugefügt. Durch die variable Breite nimmt der Block scheinbar die Gesamtlänge des Teaser-Textes als Referenz und macht es in ein Inline-Style - dadurch kann man das auch nicht mehr per CSS überschreiben :(

---

Nein. Ich glaube du sitzt hier einem Missverständnis auf. Dich als Anwender sollte "caroufredsel" und "caroufredsel_wrapper" auf keinen Fall interessieren. Auf diese dürfen auch keine CSS-Stile gesetzt werden. "caroufredsel" ist der container für den gesamten Inhalt - dieser ist in deinem Fall so breit. Der "caroufredsel_wrapper" sorgt wiederum dafür, daß dann nur die aktuell sichtbare(n) Element(e) dargestellt werden und versteckt den Rest (overflow:hidden). Also KEINE Formatierungen auf diesen Elementen bitte, sonst geht gar nichts mehr. =) Du kannst den Gesamt-Container dann auf "caroufredsel_skin" oder darüber mit CSS beschränken/formatieren. Die beiden Erstgenannten werden alle vom JavaScript gesetzt/benutzt/angepasst.

Hallo zusammen,

ich habe auch noch mal eine Anmerkung in Verbindung mit der Colorbox.
Und zwar nutze ich die Colorbox um Bilder innerhalb des caroufredsel Sliders zu vergrößern.
Problematisch an der Geschichte ist nur, dass nach dem Schließen der Colorbox der Slider nicht mehr
an der Stelle sitzt, an der er vorher war (stark nach rechts versetzt) und auch Übergänge (Animationen) nicht mehr richtig funktionieren.
Kann das jemand bestätigen oder vielleicht sogar eine Lösung?

muchas gracias

Zitat:

---

Zitat von StR

Problematisch an der Geschichte ist nur, dass nach dem Schließen der Colorbox der Slider nicht mehr
an der Stelle sitzt, an der er vorher war (stark nach rechts versetzt) und auch Übergänge (Animationen) nicht mehr richtig funktionieren.
Kann das jemand bestätigen oder vielleicht sogar eine Lösung?

---

Hmm ist mir noch nie aufgefallen. Hast du einen Link wo ich das nachvollziehbarer Weise beobachten kann? Die beiden Scripts sind komplett unabhängig voneinander und sollten sich daher auch nicht beeinflussen.

Viele Grüße...
...Dirk

Hallo liebe Forengemeinde,

habe ja nun schon mehrfach in anderen Threads meine Anerkennung für diesen Slider bekannt gegeben und möchte jetzt hier nicht noch einmal damit aufwarten ;).

Ich habe folgendes auf dem Herzen:

Beim Slider wird mir der rechte Textrand abgeschnitten - d.h., der Text wird zwar umgebrochen, aber die letzten Zeichen einer Zeile weggeschnitten.

Muss ich, so wie ich es im Firebug gesehen habe, die ce_caroufredsel_start und ce_caroufredsel block in der basic.css bzw. default.css manuell eintragen und entsprechen formatieren oder liege ich, was den "Container" betrifft, völlig falsch?
Irgendwie erkennt jeder hier mehr in FireBug, als ich.. *grummel*

Der andere Denkansatz wäre, dass die entsprechenden Größen der "Artikel" über JS oder php (und hier bin ich totaler Newbee) automatisch übergeben werden und ich also nichts dagegen tun?
Ich hatte das dargestellte Problem - wenn auch noch mit anderen "Macken", schon im Contao-eigenen Slider... *grummel*

Wäre super, wenn jemand eine Denkansatz für mein Problem hat - zum reinschauen: Hier

Danke schon im Voraus und beste Grüße, Berliner

ich hab nun mal in den "Datensatz-Einstellungen" gespielt - Derzeit ist das Ergebnis das, was ich mir so vorstelle... Ohne Abschneiden der Zeichen auf der rechten Seite.
Allerdings verwundert mich die Breiten-Angabe bei der Elemente-Breite - zu sehen im angehängten Screenshot...

Fehlt mir da irgendwie ein Denk-Zusammenhang? 100px ? eigentlich wollte ich auf 100 % schalten... :o:o:o:o:o:o

Beste Grüße, Berliner

Zitat:

---

Zitat von Berliner

Fehlt mir da irgendwie ein Denk-Zusammenhang? 100px ? eigentlich wollte ich auf 100 % schalten...

---

Hallo hallo,

japs, lies dir mal die Feldbeschreibungen (über das Fragezeichen-Symbol) durch. Da wird erklärt mit welcher Einstellung man was einstellen kann. Was du brauchst ist "flüssig". Da kannst du % Werte eingeben. flüssig = die Größe darf "fließen". fest = die Größe bleibt immer auf diesem Wert.

Der Slider braucht je nach Erfahrung eine Weile bis man richtig mit ihm warm geworden ist, aber wenn man erstmal durch die Komplexität der Möglichkeiten durchgeblickt hat, kann man damit sehr sehr viel machen. =)

Viele Grüße...
...Dirk

Zitat:

---

Zitat von Dirch

Hallo hallo,

japs, lies dir mal die Feldbeschreibungen (über das Fragezeichen-Symbol) durch. Da wird erklärt mit welcher Einstellung man was einstellen kann. Was du brauchst ist "flüssig". Da kannst du % Werte eingeben. flüssig = die Größe darf "fließen". fest = die Größe bleibt immer auf diesem Wert.

Der Slider braucht je nach Erfahrung eine Weile bis man richtig mit ihm warm geworden ist, aber wenn man erstmal durch die Komplexität der Möglichkeiten durchgeblickt hat, kann man damit sehr sehr viel machen. =)

Viele Grüße...
...Dirk

---

*an den Kopf hau*

Auje.. das war ein Eigentor -Danke für den Stubs :)

Beste Grüße, Berliner

Hallo zusammen

Ich habe festgestellt, dass Darstellungsprobleme auftreten, wenn die slidenden Elemente relativ positioniert werden.
In der aktuellen Version von Safari und auf einigen mobilen Browsern sliden die Elemente nicht mehr sauber oder rutschen hintereinander.
Zu beobachten ist dies beispielsweise in diesem Theme.

Ich gehe davon aus, dass es nicht an der Erweiterung liegt (habe den Slider auch schon direkt eingebunden). Aber vielleicht weiss ja jemand einen Weg, die Darstellungsprobleme per CSS zu beheben.
Damit die innenliegenden Elemente absolut positioniert werden können (Vor- und Rückseite der Karten) müssten die einzelnen Slides eigentlich schon relativ positioniert werden :eek:

Vielen Dank für eure Ratschläge
Gruss, Luminanz

Zitat:

---

Zitat von Luminanz

Hallo zusammen

Ich habe festgestellt, dass Darstellungsprobleme auftreten, wenn die slidenden Elemente relativ positioniert werden.
In der aktuellen Version von Safari und auf einigen mobilen Browsern sliden die Elemente nicht mehr sauber oder rutschen hintereinander.
Zu beobachten ist dies beispielsweise in diesem Theme.

Ich gehe davon aus, dass es nicht an der Erweiterung liegt (habe den Slider auch schon direkt eingebunden). Aber vielleicht weiss ja jemand einen Weg, die Darstellungsprobleme per CSS zu beheben.
Damit die innenliegenden Elemente absolut positioniert werden können (Vor- und Rückseite der Karten) müssten die einzelnen Slides eigentlich schon relativ positioniert werden :eek:

Vielen Dank für eure Ratschläge
Gruss, Luminanz

---

Hallo,

man MUSS die slidenden Elemente relativ positionieren. Wenn man sie absolut positioniert, dann ist es unmöglich für das Sript sie sliden zu lassen. Das ist aber technisch bedingt so und nicht auf den carouFredSel beschränkt. :) Man kann/darf den äußeren Container schon absolut positionieren, aber innerhalb ist dies nicht möglich. Was genau muß ich denn machen, um zu dem "Fehlverhalten" in Safari kommen? Mobile Browser sind je nach Version wohl recht eigensinnig, daher kann es in diesen Fällen auch an den Browsern liegen.

Viele Grüße...
...Dirk

Hallo Dirch

Danke für deine Rückmeldung.

Zitat:

---

man MUSS die slidenden Elemente relativ positionieren.

---

Diese Aussage erstaunt mich etwas :confused: Ich bin der Meinung, dass die slidenden Elemente auf static belassen werden können. Im Beispiel wird das img-tag ja auch nicht relativ positioniert. Dass die slideneden Elemente nicht absolut positioniert werden dürfen, ist natürlich schon klar :D

Zitat:

---

Was genau muß ich denn machen, um zu dem "Fehlverhalten" in Safari kommen?

---

Unter Safari 6.0.5 erhalte ich dieses Fehlverhalten, wenn das slidende Element relativ positioniert ist.

Hier wird das Problem übrigens auch beschrieben.

Vermutlich handelt es sich um einen Fehler in Safari :(

Gruss, Luminanz

Zitat:

---

Zitat von Luminanz

Diese Aussage erstaunt mich etwas :confused: Ich bin der Meinung, dass die slidenden Elemente auf static belassen werden können. Im Beispiel wird das img-tag ja auch nicht relativ positioniert. Dass die slideneden Elemente nicht absolut positioniert werden dürfen, ist natürlich schon klar :D

---

Du darfst gern auch static verwenden. Ich bezog das eigentlich eher auf die Verwendung von absolute. Meist benutzt man dann relativ, aber ist darauf natürlich nicht festgelegt - der BG-Slider benutzt z.b. fixed.

Zitat:

---

Zitat von Luminanz

Unter Safari 6.0.5 erhalte ich dieses Fehlverhalten, wenn das slidende Element relativ positioniert ist.

Hier wird das Problem übrigens auch beschrieben.

Vermutlich handelt es sich um einen Fehler in Safari :(

---

Japs, in neueren Versionen von Safari ist das nicht mehr vorhanden. Habe das heute zufällig bei meinen Eltern gesehen, die auch noch 6.0.5 verwenden.

Viele Grüße...
...Dirk

Also, ich krieg das mit responsive einfach nicht hin...alles durchprobiert.

Vielleicht hab ich auch nur ein Denkfehler, ich gehe wie folgt vor:

- Slider installiert
- slidergruppe gesetzt
- Slideobjekte bestehen aus: Text und Bild rechts, über dir Bildfunktion unter dem Textfenster. Habe auch mit Tabelle probiert, ging auch nicht

Wenn ich keine feste sliderbreite nehme, dann ist nichts sichtbar...auch wenn ich 100% eintrage, wird nicht verkleinert

Kann mir jemand nen Tipp geben?

Anbei auch ein screenshotAnhang 12496

Hallo,

ich nutze den Slider erfolgreich, nur bei meinem eigenen Bildschirm habe ich Probleme.
Bei kleinen Bildschirmen funzt es.

Das Bild ist 1800 breit, mein Bildschirm über 1900. Das Bild wird hier aber nicht größer
skalliert. Hab mir schon sämtlichen CSS angesehen, finde es aber nicht.

Vielleicht kann mir jemand helfen bei www.fahrzeugmanager.broweb.de

Vielen Dank
Frank

Zitat:

---

Zitat von Frankkirsch

Das Bild ist 1800 breit, mein Bildschirm über 1900. Das Bild wird hier aber nicht größer
skalliert.

---

Hallo,

ich denke, dass das auch gut so ist ;)
wird das Bild grösser skaliert als das Originalbild (und das ist ja 1800x730px gross) gross ist, würde es zu verpixeln beginnen und das wiederrum würde etwas unschön aussehen ...

Zitat:

---

Zitat von Frankkirsch

Das Bild ist 1800 breit, mein Bildschirm über 1900. Das Bild wird hier aber nicht größer
skalliert. Hab mir schon sämtlichen CSS angesehen, finde es aber nicht.

---

Das ist ein ganz normales Verhalten. Andere Slider setzen auf das img idR eine CSS-Breite von 100%. Darauf hatte ich bewußt verzichtet. Unter anderem auch aus dem Grund den derRenner anführt. Wenn du das Bild komplett skalieren lassen willst, dann setze mit CSS die Bildgröße auf 100% und es skaliert dann sowohl nach unten als auch oben und bleibt nicht bei seiner max. natürlichen Größe stehen.

Viele Grüße...
...Dirk

Ich suche eine slider Erweiterung, mit der ich diesen slider umsetzen kann....ist "dk_caroufredsel" dafür geeignet? Oder doch einen anderen?

Anhang 12573Anhang 12573

...bin auch etwas überfragt, den Hintergrund in der Kachelung (blauer Hintergrund) über den 960px Rahmen zu setzen. Hätte das über bg des wrappers gemacht aber dann hab ich das auf kjedem template und es soll nur auf der Startseite erscheinen..jemand nen Tipp`?

Thx im Voraus

klar kannst du damit wunderbar machen:

Karussell-Breite auf 100% (wenn du ein statisches Layout mit 960px definiert hast) und Element-Breite auf die Breite deiner Elemente. Der Rest ist CSS. Kannst sogar dafür die caroufredsel-Galerie benutzen, wenn die figcaptions nicht umfangreicher sind und dann bei den Bildern direkt diesen Text hinterlegen.

Irgendwie hab ich ein Denkfehler, ich lege ein Slide an (Anfang + Bilder + Ende) an. Im Artikel als Modul einbinden. jQuery aktiviert. Aber es kommt nichts ..

Zitat:

---

Zitat von peter_lang

Irgendwie hab ich ein Denkfehler, ich lege ein Slide an (Anfang + Bilder + Ende) an. Im Artikel als Modul einbinden. jQuery aktiviert. Aber es kommt nichts ..

---

äh nee

Modul = Inhalte (OHNE Wrapper) im BE bei den Einstellungen hinterlegen (oder Galerie verwenden, falls nur Bilder)
Inhalts-Element = Start-Wrapper, Inhalte, End-Wrapper (oder Galerie verwenden, falls nur Bilder)

Schau doch mal im Wiki die Anleitung an...

ahhh...ok.. habs als Inhaltselement eingebunden...o Wunder..es geht.. aber ruckellt noch beim Übergang der 5er Reihe...das macht mir noch Kopfzebrechen

Zitat:

---

Zitat von peter_lang

o Wunder..es geht..

---

Ist das selbstironisch (weil du es dann doch geschafft hast) oder polemisch gemeint?

hehe, habs die ganze Zeit als Modul probiert, also komplizierter gedacht, als es war :)

Habe noch frei Sachen, die nicht so ganz wollen, vlt könnte mir jemand nen Tipp geben:

1) Den title tag vom BE auf die Bilder
2) es scroll seoweit flüssig bis auf letzte Bild, das kommt immer irgendwie so reingeschoben, wenn die ersten 5 nach reinscrollen zum stehen kommen, falscher sliderart? Habe kreisförmich genommen
3) Eins hab ich noch offen, würde gerne die Navi "Vorwärts / Zurück" gerne durch Icons ersetzen ... kann mir jemand sage, wo ich das tun kann?

Hallo,

ich habe unter http://coolcarousels.frebsite.nl/c/28/ das carouFredSel Beispiel #28 gesehen und wollte es selbstständig einbinden.

In der Contao-Wiki wird immer davon gesprochen, dass man bei carouFredSel eigene HTML Vorlagen und eigene JS-Skripte auswählen kann.

Gibt es diese Funktion noch, bei mir wird sie leider nicht mehr angezeigt oder gibt es noch eine andere Möglichkeit mein Wunschbeispiel von oben einzubinden?

Vielen Dank

Stefan

Hallo Stefan,

in den Contao-Einstellungen hast du die Experten-Ansicht des carouFredSel aktiv? Oder die Basis-Ansicht? Ggf. hängt es schon hiermit zusammen.

Vielen Dank, jetzt wird mir die Funktion angezeigt.

Schönes Wochenende