Zum Inhalt springen

WT Gallery - Verständnisproblem mit Bildunterschriften

Erstellt am 14. Juli 2011 · 3 Antworten · letzte Antwort am 18. Juli 2011

Tags: Bilder, Frage

puntila ·

Hi Leute!

Ich checks nicht und werde auch nicht aus den Kommentare hier schlau. Also ich möchte eine WT Gallery auf einer Seite. Werden die Bilder angeklickt öffnet sich eine Lightbox und man kann vor uns zurück und wieder raus. Soweit so gut. Aber in der Lightbox habe ich als Bildunterschrift immer bloß "x von y". Ich hätte da gerne eigene Bildunterschriften.

Hier meine Einstellungen:

TypoScript Setup:==============================================================================================

plugin.tx_wtgallery_pi1 {
list {
image = IMAGE
image {
imageLinkWrap.typolink {
parameter.cObject = IMG_RESOURCE
parameter.cObject.file.import.field = picture
parameter.cObject.file.maxW = 600
parameter.cObject.file.maxH = 600
ATagParams = rel="lightbox[galerie]"
show_comments = 5
#plugin.tx_wtgallery_pi1.config_single.show_comments = 5
}
}
}
# Link to the listview below picture (only if listview and singleview are not on the same page)
# available variables for .field are: listview_link
listviewlink = TEXT
listviewlink {
wrap = <p>|</p>
data = LLL:EXT:wt_gallery/pi1/locallang.xml:wtgallery_ll_listviewlink
typolink.parameter.field = listview_link
if.isTrue.field = listview_link
}
# Text from txt file or EXIF information to single image
text = COA
text {
# available variables for .field are:
# Information from the pic: picture, tstamp, filename, dirname, basename, extension
# Information from txt/EXIF: comments, title, subject, author, recordtime, cam_brand, cam_model
wrap = <div class="wt_gallery_single_inner_text">|</div>
if.isTrue.field = title
10 = TEXT
10.field = title
10.wrap = <div class="wt_gallery_single_inner_title">|</div>
10.if.isTrue.field = title
20 = TEXT
20.field = comments
20.wrap = <div class="wt_gallery_single_inner_comments">|</div>
20.if.isTrue.field = comments
}
}

Das Plugin hat folgende Eigenschaften:================================================================================

Main Configuration:
Show: List
Pic Folder: ausgewählt
Alles andere leer

Habe das Ganze sowohl mit TXT-Dateien (dateiname.jpg.txt mit "comment | title | subject | author | record time | brand | model" ) als auch mit EXIF Eigenschaften (unter Windwows -> Eigenschaften -> so wie in der Doku beschrieben).

Ich vermute, dass ich noch irgend ein Marker irgendwo definieren muss.

Also ich bekomme weder die Variante mit TXT-Datei, noch die Variante mit EXIF hin. Habe auch versucht den gesamten Setup- und Constants-Text aus der Doku (Example TypoScript) in einem separaten Seiten-Template auf der Seite des Plugins einzubinden. Geht auch nicht.

Jemand eine Idee?

Danke und Gruß

puntila ·

okay ich bin ein Schritt weiter. Das folgende TYPOScript macht es --- fast (wäre ja sonst auch zu einfach)

plugin.tx_wtgallery_pi1 {
  list {
    image = IMAGE
    image {
      imageLinkWrap.typolink {
        parameter.cObject = COA
        parameter.cObject {
          10 = IMG_RESOURCE
          10.file.import.field = picture
          10.file.maxW = 600
          10.file.maxH = 600
          20 = TEXT
          20.file.import.field = picture
          20.dataWrap= {field: PAGE_EVENT} ? – wt_gallery "{field:title}"
          30 = TEXT
          30.file.import.field = picture
          30.dataWrap= {field: PAGE_EVENT} ? – wt_gallery "{field:comments}"
        }
        ATagParams = rel="lightbox[galerie]"
      }
      file.import.field = picture
      altText.field = comments
      titleText.field = title
    }
  }
  category {
    image = IMAGE
    image {
      file.import.field = picture
      altText.field = comments
      titleText.field = title
    }
  }
}

Jetzt bekomme ich in der Lightbox *nur* den Titel angezeigt. Nehme ich im oberen COA die 20 heraus, bekomme ich *nur* die Kommentare angezeigt. Ich will aber beides sehen. Vermute mal das der Bereich zu klein ist und da alles in eine neue Zeile kommt, sieht man die dritte Zeile nicht mehr.

Also jetzt folgende Probleme:

(1) Wie bekomme ich den entsprechenden Bereich in der Lightbox größer? so dass drei Zeilen untereinander angezeigt werden können?

(2) Wir bekomme ich im obigen COA Titel und Kommentar nebeneinander (in einer Zeile). Das geht doch bestimmt mit irgendeinem Wrap. Ich bekomme es leider nicht hin. Also mein Problem vereinfacht:

element = COA
element {
  10 = A
  10 {...}
  20 = TEXT
  20 {...}
  30 = TEXT
  30 {...}
}

Ich möchte 10 über 20 und 30 - und 20 und 30 nebeneinander.

topshopper ·

Hallo,

gib den Objekten 10, 20 und 30 jeweils eine CSS-Klasse mit.

10.wrap = <div class="class_10">|</div>
...
20.wrap = <div class="class_20">|</div>
...
30.wrap = <div class="class_30">|</div>

Dann kannst Du die Positionierung der Elemente mit CSS machen.

Ansatz für CSS:

.class_10 {
# hier kommt dann jeweils Angaben wie width, clear, display, etc.
}

.class_20 {}

.class_30 {}

Ich hoffe, es ist zumindest ein Ansatz für Dich. Hab gtad keine Zeit...

puntila ·

Danke für die gute Idee. Ich habe es mittlerweile selber herausbekommen. Es ist so eine von den Lösungen über die man sich besonders ärgert, weil man das ja auch mal früher hätte ausprobieren können:

Die entscheidende TS-Zeile ist die folgende

20.dataWrap= {field: PAGE_EVENT} ? – wt_gallery "<span>{field:title} - {field:comments}</span>"

Hier der gesamte TS-Abschnitt in meinem Setup:

plugin.tx_wtgallery_pi1 {
  list {
    image = IMAGE
    image {
      imageLinkWrap.typolink {
        parameter.cObject = COA
        parameter.cObject {
          10 = IMG_RESOURCE
          10.file.import.field = picture
          10.file.maxW = 600
          10.file.maxH = 600
          20 = TEXT
          20.file.import.field = picture
          20.dataWrap= {field: PAGE_EVENT} ? – wt_gallery "<span>{field:title}</span> <span style='font-weight:normal;'>{field:comments}</span>"
        }
        ATagParams = rel="lightbox[galerie]"
      }
      file.import.field = picture
      altText.field = comments
      titleText.field = title
    }
  }
  category {
    image = IMAGE
    image {
      file.import.field = picture
      altText.field = comments
      titleText.field = title
    }
  }
}

Title soll fett sein und Comment nicht.

Gruß,
Puntila