Irgendwie hänge ich aber jetzt an ce_gallery_fullsize.tpl ... Ich weiß nicht wie und wo ich den Codeschnipsel dort platzieren soll.
EDIT:
Okay jetzt klappt es. Anbei mal das komplette Template:
PHP-Code:
<div class="<?php echo $this->class; ?> block"<?php echo $this->cssID; ?><?php if ($this->style): ?> style="<?php echo $this->style; ?>"<?php endif; ?>>
<?php if ($this->headline): ?>
<<?php echo $this->hl; ?>><?php echo $this->headline; ?></<?php echo $this->hl; ?>>
<?php endif; ?>
<table cellspacing="0" cellpadding="0" summary="Image gallery">
<tbody>
<?php foreach ($this->body as $class=>$row): ?>
<tr class="<?php echo $class; ?>">
<?php foreach ($row as $col): ?>
<?php if ($col['hasImage']): ?>
<?php
// Breite des Bildes rausfinden, auch image_container beschneiden
$width = preg_match('/^ width="([0-9]+)".*/', $col['imgSize'], $found);
$width = $found[1];
$width = $width - 2;
?>
<td class="<?php echo $col['class']; ?>" style="width:<?php echo $col['colWidth']; ?>;"><div class="image_container"<?php if ($col['margin']): ?> style="<?php echo $col['margin']; ?>"<?php endif; ?>><a href="<?php echo $col['href']; ?>" rel="lightbox[<?php echo $this->lightboxId; ?>]" title="<?php echo $col['alt']; ?>"><img src="<?php echo $col['src']; ?>"<?php echo $col['imgSize']; ?> alt="<?php echo $col['alt']; ?>" /></a><?php if ($col['caption']): ?><div style="width:<?php echo $width;?>px" class="gal_caption"><?php echo $col['caption']; ?></div><?php endif; ?></div></td>
<?php else: ?>
<td class="<?php echo $col['class']; ?> empty"> </td>
<?php endif; ?>
<?php endforeach; ?>
</tr>
<?php endforeach; ?>
</tbody>
</table>
<?php echo $this->pagination; ?>
</div>
Neu sind die Zeilen:
PHP-Code:
<?php
// Breite des Bildes rausfinden, auch image_container beschneiden
$width = preg_match('/^ width="([0-9]+)".*/', $col['imgSize'], $found);
$width = $found[1];
$width = $width - 2;
?>
und
PHP-Code:
<div style="width:<?php echo $width;?>px" class="gal_caption">
Ich habe bewusst die klasse gal_caption gewählt. Somit kann ich Galerie Bilder separat stylen. zb so:
HTML-Code:
.gal_caption
{
background-color: black;
color: #fff;
font-size:95%;
margin-left: 5px;
margin-top:-6px;
padding-bottom:2px;
padding-left:2px;
padding-right:2px;
text-align:center;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-webkit-border-bottom-left-radius:10px;
border-bottom-left-radius:10px;
-webkit-border-bottom-right-radius:10px;
border-bottom-right-radius:10px;
}
Das war es auch schon ...