Bildunterschrift in der colorbox anzeigen und Beschriftung in Deutsch darstellen

Hallo,

ich verwende jQuery colorbox für die Darstellung der "lightbox"
Leider habe ich hier zwei Probleme:
- Die Beschriftung (image x of x) würde ich gerne auf Deutsch da stehen haben
Reicht das aus, wenn ich die colorbox.js

Code:

---

        // internationalization
                current: "image {current} of {total}",
                previous: "previous",
                next: "next",
                close: "close",
                xhrError: "This content failed to load.",
                imgError: "This image failed to load.",

---

entsprechend "ausdeutsche"?
Falls nicht, an welchem Rad muss ich drehen? Bzw. wie mache ich das update-sicher?

- Die Bildunterschrift im CE Bild wird in der colorbox nicht angezeigt
Wo muss ich hier drehen, die Einstellungen vornehmen, damit ich diese angezeigt bekomme?

Halle

hat jemand eine Idee?

Nein, du musst dir einfach ein eigenes j_colorbox Template erstellen. Dort änderst du dann die entsprechenden Parameter (und dann ist es natürlich auch Upate sicher).

Dieses Thema ist zwar schon eine Weile her aber vielleicht hilft es jemandem


Die Definitionen, die angegeben werden müssen in einem eigenen j_colorbox.xhtml5 Template, und für die Sprache in Deutsch reichen, lauten:

current: "Bild \t {current} \t von \t {total}",
previous: "Voheriges",
next: "Naechstes",
close: "Schliessen",

einfügen unter //put custom options here

Bildunterschrift ist, soweit ich mich erinnere, immer nur der ALT-Text der Bilder - also muss an irgendeiner Stelle einer angegeben werden

Hallo!
Das funktioniert perfekt.
Zwei Fragen hätte ich noch:
- wie kann man diese Beschriftung zweisprachig machen, so dass Bild bei einer deutschen Website und Image bei einer englischen Website dargestellt wird?
- kann man den Namen des Bildes (z. B. IMG_0001) auch ausblenden?
Danke für die Unterstützung.
Brendianer

Hallo Brendianer,

mehrsprachig klappt das in der Dateiverwaltung. Dort kannst du für jede Sprache einen weiteren Eintrag erstellen. Wenn du diesen z. B. für englisch erstellst, wird dir auf der englischen Seite auch der englische Text angezeigt.

Wenn du im Feld „Titel” etwas einträgst wird dies ausgegeben anstatt des Dateinamens.

Versteh ich nicht.
Habe ja jetzt ein eigenes Template, wo die deutsche "Beschriftung" hinterlegt ist.

j_colorbox: templates/swissy/j_colorbox.html5

<?php

// Add the colorbox style sheet
$GLOBALS['TL_CSS'][] = 'assets/jquery/colorbox/'. $GLOBALS['TL_ASSETS']['COLORBOX'] .'/css/colorbox.min.css|static';

?>

<script src="<?= TL_ASSETS_URL ?>assets/jquery/colorbox/<?= $GLOBALS['TL_ASSETS']['COLORBOX'] ?>/js/colorbox.min.js"></script>
<script>
(function($) {
$(document).ready(function() {
$('a[data-lightbox]').map(function() {
$(this).colorbox({
// Put custom options here
current: "Bild \t {current} \t von \t {total}",
previous: "Voheriges",
next: "Naechstes",
close: "Schliessen",
loop: false,
rel: $(this).attr('data-lightbox'),
maxWidth: '95%',
maxHeight: '95%'
});
});
});
})(jQuery);
</script>

Probiere doch mal, ob Du es mit dem {{iflng}}-Insertag lösen kannst.

Du kannst die Sprachbausteine in deiner langconfig.php anlegen

PHP-Code:

---

<?php

if ($GLOBALS['TL_LANGUAGE'] == 'de')
{
  $GLOBALS['TL_LANG']['my']['cboxCurrent']  = 'Bild \t {current} \t von \t {total}';
  $GLOBALS['TL_LANG']['my']['cboxPrevious'] = 'Vorheriges';
  $GLOBALS['TL_LANG']['my']['cboxNext']     = 'Nächstes';
  $GLOBALS['TL_LANG']['my']['cboxClose']    = 'Schließen';
}
else
{
  $GLOBALS['TL_LANG']['my']['cboxCurrent']  = 'pic \t {current} \t of \t {total}';
  $GLOBALS['TL_LANG']['my']['cboxPrevious'] = 'previous';
  $GLOBALS['TL_LANG']['my']['cboxNext']     = 'next';
  $GLOBALS['TL_LANG']['my']['cboxClose']    = 'close';
}

---

Du kannst dabei auch die richtige Rechtschreibung verwenden.

Im Template kannst du das dann so einsetzen

PHP-Code:

---

current: "<?= $GLOBALS['TL_LANG']['my']['cboxCurrent'] ?>",

---

ps Bitte hier im Forum die zur Verfügung stehenden Wrapper für Code benutzen und Code immer leserlich einrücken.

Zitat:

---

Zitat von Brendianer

- kann man den Namen des Bildes (z. B. IMG_0001) auch ausblenden?

---

Hallo,

in der gallery_default.html5 findest du das title - dort kannst du das z.B. rausnehmen oder ein Leerzeichen reinsetzen

HTML-Code:

---

<ul class="cols_<?= $this->perRow ?>">
  <?php foreach ($this->body as $class=>$row): ?>
    <?php foreach ($row as $col): ?>
      <?php if ($col->addImage): ?>
        <li class="<?= $class ?> <?= $col->class ?>">
          <figure class="image_container"<?php if ($col->margin): ?> style="<?= $col->margin ?>"<?php endif; ?>>
            <?php if ($col->href): ?>
              <a href="<?= $col->href ?>"<?= $col->attributes ?> title="<?= $col->alt ?>"><?php $this->insert('picture_default', $col->picture); ?></a>
            <?php else: ?>
              <?php $this->insert('picture_default', $col->picture); ?>
            <?php endif; ?>
            <?php if ($col->caption): ?>
              <figcaption class="caption"><?= $col->caption ?></figcaption>
            <?php endif; ?>
          </figure>
        </li>
      <?php endif; ?>
    <?php endforeach; ?>
  <?php endforeach; ?>
</ul>

---

ersetzte das

HTML-Code:

---

title="<?= $col->alt ?>"

---

durch zB

HTML-Code:

---

title=""

---

oder nimm das komplett raus ... dann wird dir der Name des Bildes nicht mehr angezeigt aber auch nicht mehr der title-Text, den du ggf. im BE eingetragen hattest.

Zitat:

---

Zitat von derRenner

ersetzte das

HTML-Code:

---

title="<?= $col->alt ?>"

---

durch zB

HTML-Code:

---

title=""

---

---

Perfekt, danke. das hat perfekt funktioniert.

Zitat:

---

Zitat von Andreas

Du kannst die Sprachbausteine in deiner langconfig.php anlegen

PHP-Code:

---

if ($GLOBALS['TL_LANGUAGE'] == 'de')
{
  $GLOBALS['TL_LANG']['my']['cboxCurrent']  = 'Bild \t {current} \t von \t {total}';
  $GLOBALS['TL_LANG']['my']['cboxPrevious'] = 'Vorheriges';
  $GLOBALS['TL_LANG']['my']['cboxNext']     = 'Nächstes';
  $GLOBALS['TL_LANG']['my']['cboxClose']    = 'Schließen';
}
else
{
  $GLOBALS['TL_LANG']['my']['cboxCurrent']  = 'pic \t {current} \t of \t {total}';
  $GLOBALS['TL_LANG']['my']['cboxPrevious'] = 'previous';
  $GLOBALS['TL_LANG']['my']['cboxNext']     = 'next';
  $GLOBALS['TL_LANG']['my']['cboxClose']    = 'close';
} 


---

Du kannst dabei auch die richtige Rechtschreibung verwenden.

Im Template kannst du das dann so einsetzen

PHP-Code:

---

current: "<?= $GLOBALS['TL_LANG']['my']['cboxCurrent'] ?>",

---

---

Das hat leider nicht funktioniert. Füllt mir jede Seite mit diesem Code. Ich seh das schon richtig, dass ich das in system/config/langconfig.php einfügen muss?

Zitat:

---

Zitat von Andreas

ps Bitte hier im Forum die zur Verfügung stehenden Wrapper für Code benutzen und Code immer leserlich einrücken.

---

Sorry, wusste ich nicht. Bin ein Newbie...

Zitat:

---

Zitat von Brendianer

Das hat leider nicht funktioniert. Füllt mir jede Seite mit diesem Code. Ich seh das schon richtig, dass ich das in system/config/langconfig.php einfügen muss?

---

Ja, das ist richtig, aber ich bin davon ausgegangen, dass du weißt, dass PHP-Code mit <?php eingeleitet wird. Ich hatte es nicht dazu geschrieben, weil ich dachte du hättest schon eine langconfig.php die oben mit <?php anfängt.

Ich habe es oben ergänzt.

Zitat:

---

Zitat von Andreas

Ja, das ist richtig, aber ich bin davon ausgegangen, dass du weißt, dass PHP-Code mit <?php eingeleitet wird. Ich hatte es nicht dazu geschrieben, weil ich dachte du hättest schon eine langconfig.php die oben mit <?php anfängt.

Ich habe es oben ergänzt.

---

Jetzt ist alles perfekt.
Ganz herzlichen Dank.
Brendianer