Zum Inhalt springen

fl_header_slide Image Header Slideshow fadet nicht

Erstellt am 19. Dezember 2008 · 15 Antworten · letzte Antwort am 21. Mai 2010

Tags: Bilder, Frage

crossl ·

Ich verwende T3 4.1.x mit der Extension fl_header_slide, die ja mehrere Bilder im Header abwechselnd anzeigen soll. T3MooTools habe ich auch installiert.
Ausserdem auf der Seite Home unter den Seiteneigenschaften, unter HeaderImages zwei JPG Bilder geladen.
Dann habe ich T3MooTools aufgerufen, fl_header_slide ausgewählt und "Vereinigen und Benützen" gewählt.

Im TS-Setup von Root:

       page.10.marks.BANNER < plugin.tx_flheaderslide_pi1

Banner ist der Marker. Das erste Bild wird auch angezeigt, aber es gibt keinen Fade zum nächsten.

Wer hat ne Idee was da falsch läuft?

Sourcecode sieht eigentlich gut aus:

<script type="text/javascript" src="typo3conf/ext/fl_header_slide/res1/slideshow.rc1.packed.js"></script><script type="text/javascript"><!--//--><![CDATA[//><!--
					window.addEvent('domready', function(){
						myShow = new Slideshow('fl_header_slide_slideshow', {hu: 'uploads/tx_flheaderslide/', images: ['banner.jpg','banner2.jpg'], resize: 0, type: "fade", pan: "20", zoom: "0", duration: [2000, 6000], width: "", height: "", navigation: ""});
					});
					//--><!]]></script>

....

 <div id="banner">
    <h2><div id="fl_header_slide_slideshow" class="slideshow" style="width:630px; height:80px;"><img src="uploads/tx_flheaderslide/banner.jpg" width="630" height="80" alt="image slideshow" title="" /></div></h2>
  </div>
yahooooo ·

Hast Du das Problem mittlerweile lösen können? Ich bin im Moment etwas ratlos. Die Ext. habe ich schon problemlos woanders eingesetzt, aber hier geht gerade gar nichts...nicht einmal eine JS-Fehlermeldung.

nobbie ·

Hallo isabelle,

nehme "t3mootools" Version 1.2.3,also nicht die aktuelle Version,
dann geht auch wieder "fl_header_slide"

nobbie

isabelle ·

Hallo nobbie

Danke für den sehr wertvollen Tip!!!

Leider finde ich diese Version aber nirgends mehr zum Download... Kannst Du mir sagen wo ich diese runterladen kann?

Gruss
Isa

nobbie ·

Hallo isa,

geh ins Backend deiner Seite, dann in den "Extension Manager"

Unter "Import" gebe in das Suchfeld "Mootools" ein.
Aus den nun erscheinenden "Extensions" klicke den Namen "T3 Mootools t3mootools" an. Also nicht installieren sondern den Namen anklicken.
Es erscheint nun die Extension "T3 Mootools t3mootools". Oben links steht "Select command" und hier kannst Du die Version auswählen, die Du benötigst. So geht das bei allen Extensionen

Viele Grüße
nobbie

nobbie ·

Hallo,

Im Extension Manager, der natürlich eingerichtet eingerichtet sein sollte, unter "Import" in das Suchfeld "t3mootools" eingeben.

Es erscheint dann die "Extensions" "T3 Mootools t3mootools". Die Extension nicht installieren, sondern den Namen anklicken.

Oben links steht nun "Select command" und hier kannst Du die Version auswählen, die Du benötigst.

So geht das bei allen Extensionen.

Von der Extension "fl_header_slide" die Version 0.2.1, anstatt der Aktuellen nehmen.

nobbie

Tico ·

Ja, das habe ich schon verstanden, deswegen schrob ich ja auch

Tico schrieb

Über den Extension Manager finde ich die Extension in keinem der Repositories.

Wie auch immer, ich habe den Fehler gefunden -> die Repository-Liste wurde nicht vernünftig updated.

Ich musste jedoch auf die fl_header_slide Version 0.1.12 zurückgehen, um diese mit der T3Mootools-Version 1.2.3 zum Laufen zu bringen. Die darüberliegenden Versionen habe ich auch im Standalone-Betrieb immer erst zum Laufen gebracht, wenn ich die T3Mootools-Version 1.3.0 verwendet habe.

Da ich es immer unglaublich hasse, bei der Suche nach der Lösung zu einem Problem einen Foreneintrag zu finden, dass jemand, der das gleiche Problem hatte, nur vermerkt hat, dass er es gelöst hat, aber nicht wie, hier kurz für die Nachwelt:

Kurz gesagt ging es darum, fl_header_slide mit T3Mootools-Version 1.2.3 zum Laufen zu bringen, weil ich es parallel mit der aktuellen perfectlightbox2 betreiben wollte.

  • - T3Mootools-Version 1.2.3 installiert
    - fl_header_slide-Version 0.1.12 installiert
    - perfectlightbox-Version 2.2.4 installiert
    - Über Admin Tools -> T3MooTools -> Process & Analyze t3mootools.txt in extensions -> Select all -> check -> Merge & use -> Create Mootools library
    - Über Template -> Includes -> Include static (from extensions) -> [FL] "Header Slide" und "Perfect Lightbox 2" (in dieser Reihenfolge) hinzugefügt
    - Im Template -> Setup das Mootools-Skript hinzugefügt mittels

    page.headerData = COA
    page.headerData.11 = TEXT
    page.headerData.11.value = <script type="text/javascript" src="typo3conf/ext/t3mootools/res/mootoolsv1.11.js"></script>
    

    - Im Template -> Setup den HeaderSlide eingebunden (da ich mit TemplaVoila arbeite, wurde hier ein Element (banner_slideimage) verwendet)

    lib.banner_slideimage = HTML
    lib.banner_slideimage < plugin.tx_flheaderslide_pi1
    

    - Über die Konstanten von fl_header_slide sichergestellt, dass dort definiert ist

    noJS = 0
    

    - Über die Konstanten von perfectlightbox sichergestellt, dass dort definiert ist

    libraryToUse = mootools
    includeJSLibrarys = 0
    mootoolsPath = EXT:t3mootools/res/mootools_v1.2.1.js
    

    - Dann einmal das beliebte Cache-Leeren-Spielchen und dann sollte es gehen.

id31 ·
  • - T3Mootools-Version 1.2.3 installiert
    - fl_header_slide-Version 0.1.12 installiert
    - perfectlightbox-Version 2.2.4 installiert
    - Über Admin Tools -> T3MooTools -> Process & Analyze t3mootools.txt in extensions -> Select all -> check -> Merge & use -> Create Mootools library
    - Über Template -> Includes -> Include static (from extensions) -> [FL] "Header Slide" und "Perfect Lightbox 2" (in dieser Reihenfolge) hinzugefügt
    - Im Template -> Setup das Mootools-Skript hinzugefügt mittels

    page.headerData = COA
    page.headerData.11 = TEXT
    page.headerData.11.value = <script type="text/javascript" src="typo3conf/ext/t3mootools/res/mootoolsv1.11.js"></script>
    

    - Im Template -> Setup den HeaderSlide eingebunden (da ich mit TemplaVoila arbeite, wurde hier ein Element (banner_slideimage) verwendet)

    lib.banner_slideimage = HTML
    lib.banner_slideimage < plugin.tx_flheaderslide_pi1
    

    - Über die Konstanten von fl_header_slide sichergestellt, dass dort definiert ist

    noJS = 0
    

    - Über die Konstanten von perfectlightbox sichergestellt, dass dort definiert ist

    libraryToUse = mootools
    includeJSLibrarys = 0
    mootoolsPath = EXT:t3mootools/res/mootools_v1.2.1.js
    

    - Dann einmal das beliebte Cache-Leeren-Spielchen und dann sollte es gehen.

[/quote]

Wo finde ich denn diese blöden Konstanten, besonders die der Perfectlightbox...?

Ich fummele mir jetzt schon den ganzen Tag einen ab...🙁

Ltd.Lupo

Calvinstefan ·

#angry#

Hallo Lupo!

Finde ich klasse, dass Du Dir die Zeit genommen hast mal eine ausführliche und vor allem verständliche Anleitung zu einer Extension zu schreiben.

Was aber wohl bleibt ist der Störfaktor Mensch ... in diesem Fall ich, denn ... ich habe Deine Anleitung haarklein befolgt ... und ich sehe dennoch nicht mehr als meinen Marker auf dem Bildschirm.

Vielleicht kannst Du mir noch mal Starthilfe geben ?! ...

Ich hatte zunächst auch den "Fehler" gemacht und nur die neueste Version der Extension fl_header_slide installiert. Und ich sah nur ein statisches Bild. Zwar auf jeder Unterseite ein anderes, aber eben keine Slideshow. Dann stieß ich auf Deine Anleitung ...

- ich habe die Extension deinstalliert und gelöscht.
- danach über das Repository
- die Version 1.2.3. der MooTools installiert
- die Version 1.12. der fl_header_slide installiert
- das CSS unter "Statische Templates einschließen" hinzugefügt
- die Konstanten folgendermaßen angepasst:

plugin.fl_header_slide.displayDuration = 5000
plugin.fl_header_slide.random = 1
plugin.fl_header_slide.noJS = 1

- unter Konfiguration die Zeilen

   page.headerData = COA
   page.headerData.11 = TEXT
   page.headerData.11.value = <script type="text/javascript" src="typo3conf/ext/t3mootools/res/mootoolsv1.11.js"></script>

und

# Banner-PlugIn
   lib.bannertop = HTML
   lib.bannertop < plugin.tx_flheaderslide_pi1

hinzugefügt
- gespeichert
- alle Caches gelöscht
- auf meiner Root-Seite unter "Erweitert" vier Bilder eingefügt

und dennoch sehe ich nur meinen Maker ...

Ich spring hier gleich aus dem Fenster!!!! ...

Kannst Du mir helfen? Also ... nicht beim aus dem Fenster springen 🙂
Eher dabei eine Banner-Extension zum Laufen zu bekommen?!

Schon mal Danke!

Ciao,

Stefan.

blueX ·

also wie du siest einen marker??? bei Templavoila gibt es keine marker.

Daher daher gehe ich dann mal davon aus das du kein Templavoila benutzt.
Dann musst du das hier natürlich einem marker zuweisen.

 lib.bannertop = HTML
 lib.bannertop < plugin.tx_flheaderslide_pi1
 .....dein marker < plugin.tx_flheaderslide_pi1

Hast du auch das statische template in deinem Seitentemplate eigebunden ???

greez
Björn 🙂

theis ·

Hallo zusammen,

war gerade ca. 2 Stunden an diesem Thema dran, ich wollte folgende zwei Extensions zusammen zum laufen bekommen (immer neueste Version):
- pmkslimbox (3.1.0)
- fl_header_slide (0.2.4)

Als erstes habe ich gemerkt, dass man mootools auch installieren muss, also folgende Extension ebenfalls installiert:
- t3mootools (1.3.0)

ACHTUNG, WICHTIG:
Für T3Mootools KEINE, ich wiederhole KEINE individuelle Biblothek erstellen, ansonsten funktioniert es nicht.

Der Rest ist relativ einfach im Template:

Include static (Reihenfolge evtl. von Bedeutung):
- [FL] Header Slide (fl_header_slide)
- SlimBox t3m (pmkslimbox)
- SlimBoxMagnify t3m (pmkslimbox)

Constants:

plugin.fl_header_slide {
  width = 900
  height = 100
  altText = Foobar
  titleText = Foobar
  transitionDuration = 1000
  displayDuration = 2000
}

Jetzt müsst ihr nur noch in den Page Properties Bilder einfügen und fertig.

Ich hoffe, meine kleine Anleitung erspart euch ein paar Stunden Frust und einige Schreikrämpfe ;-)