Zum Inhalt springen

prefectlightbox und tt_news

Erstellt am 19. Mai 2013 · 1 Antwort · letzte Antwort am 23. Mai 2013

Tags: Bilder, JavaScript & AJAX, Frage

remedien ·

Hallo,
Ich habe 3 Extensions installiert:
Flexslider, Perfectlightbox und tt_news.
Wegen konflikte mit dem Flexslider musste ich perfectlightbox in den noConflict-Modus setzen.
var J = jQuery.noConflict();

Jetzt funktionieren beide Extensions, leider funktioniert perfectlightbox nicht, wenn ich auf auf der Detailseite der News bin.
Im Quelltext sehe ich die Bilder aber perfectlightbox lb=1 und im Header ist auch alles eingebunden. Irgendwie scheint es am noConflict zu liegen, da es mit motools funktioniert.

Ich habe bei perfectlightbox jquery aktiv, da es wohl die einzige konstellation ist, die funktionieren könnte.

Um einen Tip wäre ich dankbar

remedien ·

Habe das Problem umgangen und den jQuery Lightbox2 integriert.
Damit es mit dem Flexslider funktioniert habe ich im TS-Setup die jquery-ui-1.8.18.custom.min.js verwendet

includeJS {
    file1 = fileadmin/lightbox/js/jquery-ui-1.8.18.custom.min.js
} 
includeCSS {
    file1.media = screen
    file1 = fileadmin/lightbox/css/lightbox.css
}

Anschließend für tt_content folgenden TS-Setup

# --------------------------------------------------------
# --------------------------------------------------------
# jQuery Lightbox 2 für tt_content integriert
# --------------------------------------------------------
# --------------------------------------------------------

tt_content.image.20.1.imageLinkWrap {
 typolink >
 typolink {

   # Der Linkverweis wird auf den Pfad des ursprüchlingen Bildes gesetzt

   parameter.cObject = IMG_RESOURCE
   parameter.cObject.file {
     import.data = TSFE:lastImageInfo|origFile
   }

   # Liest die Bildbeschreibung aus

   title.cObject=TEXT
   title.cObject.field = imagecaption

   # (Für mehrere Bilder mit unterschiedlichem Titel) Splittet die Zeichenkette des Titels nach char = 10 (Zeilenumbruch)

   #title.cObject.split.token.char = 10

   # Die Teile der aufgesplitteten Zeichenkette werden den einzelnen Bildern des Inhaltselements zugewiesen

   #title.cObject.split.returnKey.data = register:IMAGE_NUM_CURRENT

   # Überprüft, ob die Bilder vergrößert werden sollen

   parameter.override {
     field = image_link
     listNum.stdWrap.data = register : IMAGE_NUM_CURRENT
   }

   # Gruppiert Bilder eines Contentelementes zu einer Galerie

   ATagParams = class="lightbox" rel="lightbox[{field:uid}]"
   ATagParams.insertData = 1
   ATagParams.if.isFalse < .parameter.override

   # Link setzen möglich, ohne Lightbox

   target = {$styles.content.links.target}
   extTarget = {$styles.content.links.extTarget}
   }
}

für tt_news folgender TS-Setup

# --------------------------------------------------------
# --------------------------------------------------------
# jQuery Lightbox 2 für tt_news integriert
# --------------------------------------------------------
# In der Datei class.tx_ttnews.php unter /html/typo3/typo3conf/ext/tt_news/pi muss in Zeile 2337 
# (tt_news v. 3.0.1) vor die Linie mit „$cc++;“ folgende Zeile platziert werden:
# $GLOBALS['TSFE']->register['IMAGE_NUM_CURRENT'] = $cc+1;
# --------------------------------------------------------
# --------------------------------------------------------
# Wenn man die Bildbeschreibung nicht sehen möchte, muss man in Zeile 2317 folgenden Eintrag löschen:
# $this->local_cObj->stdWrap($imgsCaptions[$cc], $lConf['caption_stdWrap.'])
# --------------------------------------------------------
# --------------------------------------------------------

plugin.tt_news {
    displaySingle {
        image {
            imageLinkWrap {
                enable = 1
                JSwindow >
                bodyTag >
                height >
                wrap >
                width >
                typolink >
                typolink {

   # Der Linkverweis wird auf den Pfad des ursprüchlingen Bildes gesetzt

   parameter.cObject = IMG_RESOURCE
   parameter.cObject.file {
     import.data = TSFE:lastImageInfo|origFile
   }

   # Liest die Bildbeschreibung aus

   title.cObject=TEXT
   title.cObject.field = imagecaption

   # (Für mehrere Bilder mit unterschiedlichem Titel) Splittet die Zeichenkette des Titels nach char = 10 (Zeilenumbruch)
   # Bei tt_news muss split.token.char angegeben werden, da ansonsten im title die Inhalte aller Bilder stehen.

   title.cObject.split.token.char = 10

   # Die Teile der aufgesplitteten Zeichenkette werden den einzelnen Bildern des Inhaltselements zugewiesen
   # Bei tt_news muss split.token.char angegeben werden, da ansonsten im title die Inhalte aller Bilder stehen.

   title.cObject.split.returnKey.data = register:IMAGE_NUM_CURRENT

   # Überprüft, ob die Bilder vergrößert werden sollen

   parameter.override {
     field = image_link
     listNum.stdWrap.data = register : IMAGE_NUM_CURRENT
   }

   # Gruppiert Bilder eines Contentelementes zu einer Galerie

   ATagParams = class="lightbox" rel="lightbox[{field:uid}]"
   ATagParams.insertData = 1
   ATagParams.if.isFalse < .parameter.override

   # Link setzen möglich, ohne Lightbox

   target = {$styles.content.links.target}
   extTarget = {$styles.content.links.extTarget}
             }
         }
      }
   }
}

In der Datei class.tx_ttnews.php unter /html/typo3/typo3conf/ext/tt_news/pi muss in Zeile 2337 (tt_news v. 3.0.1) vor die Linie mit „$cc++;“ folgende Zeile platziert werden:

$GLOBALS['TSFE']->register['IMAGE_NUM_CURRENT'] = $cc+1;

Bei tt_news ist die imagecaption die Bildbeschreibung. Warum das so ist, verstehe ich auch nicht. habe aber in der Zeile 2317 einfach folgendes entfernt, damit ich nicht unter jedem Bild die imagecaption stehen habe.

$this->local_cObj->stdWrap($imgsCaptions[$cc], $lConf['caption_stdWrap.'])

Jetzt habe ich eine Lightbox mit title.

Sollte jemand Verbesserungsvorschläge haben, wäre ich sehr dankbar, ansonsten hoffe ich jemanden damit geholfen zu haben.
Ist auf jedenfall eine alternative für mich.