gallery_default.tpl anpassen für Highslide mit einem Vorschaubild

[snoop360]

Hallo Forum,
ich bin neu hier und möchte mich zunächst für das sensationelle CMS bedanken.

Die Situation:
Ich versuche das gallery_default-Template Highslide tauglich zu machen. Das funktioniert soweit auch, jedoch möchte ich die Funktion von Highslide verwenden, bei der sich die Bildergalerie hinter einem Thumbnail versteckt. Dazu benötige ich das erste Bild der Galerie als Thumbnail mit einem Link zur Großansicht des ersten Bildes. Und genau hier liegt der Hund begraben. Meine PHP-Kenntnisse sind sehr rudimentär.

Meine Problem:
Wie kann ich nur das erste Galeriebild und das Thumbnail dieses Bildes mit PHP abfragen?

Hier mein Ansatz:

<a id="thumb1" href="LINK-ZUM-ERSTEN-GALERIEBILD" class="highslide" onclick="return hs.expand(this)">GALERIEBILD-THUMBNAIL</a>

<div class="hidden-container">
<?php foreach ($this->body as $class=>$row): ?>
  <?php foreach ($row as $col): ?>
    <?php if (!$col->addImage): ?>
        <div class="<?php echo $col->class; ?> empty">&nbsp;</div>
    <?php else: ?>
      <?php if ($col->href): ?>
        <a id="thumb-test" class="highslide" onclick="return hs.expand(this, { thumbnailId: 'thumb1' })" href="<?php echo $col->href; ?>" title="<?php echo $col->alt; ?>"><img src="<?php echo $col->src; ?>"<?php echo $col->imgSize; ?> alt="<?php echo $col->alt; ?>" /></a>
      <?php else: ?>
        <img src="<?php echo $col->src; ?>"<?php echo $col->imgSize; ?> alt="<?php echo $col->alt; ?>" />
      <?php endif; ?>
      <?php if ($col->caption): ?>
        <div class="highslide-caption"><?php echo $col->caption; ?></div>
      <?php endif; ?>
      <?php endif; ?>
  <?php endforeach; ?>
<?php endforeach; ?>
</ul>

Über Hilfe würde ich mich sehr freuen, wenn Ihr weiter Angaben benötigt, gebt Bescheid.

[stefan.sl]

Hi, das geht so:

<a id="thumb1" href="<?php echo $this->body['row_0 row_first even'][0]->href ; ?>" class="highslide" onclick="return hs.expand(this)">
    <img src="<?php echo $this->body['row_0 row_first even'][0]->src ; ?>" alt="<?php echo $this->body['row_0 row_first even'][0]->alt ; ?>" />
</a>
...

[snoop360]

Hi,
vielen Dank für die schnelle und kompetente Antwort, das hat mich schon mal ein ganzes Stück weitergebracht.

Jetzt habe ich aber noch folgende Probleme:

1. Mein erstes Problem:
Ich verwende mehrere Galerien auf einer Seite. Damit diese Galerien getrennt funktionieren, muss dem ersten Bild (Vorschaubild) eine eindeutige ID zugewiesen werden. Die übrigen Bilder referenzieren auf diese ID.

Codebeispiel siehe gallery-EINDEUTIGE-ID:

<!-- Vorschaubild der Galerie mit Link zum ersten Galeriebild -->
<a id="gallery-EINDEUTIGE-ID" 
  class="highslide" 
  onclick="return hs.expand(this)" 
  href="<?php echo $this->body['row_0 row_first even'][0]->href; ?>"  
  title="<?php echo $this->body['row_0 row_first even'][0]->alt; ?>">
    <img src="<?php echo $this->body['row_0 row_first even'][0]->src ; ?>" alt="<?php echo $this->body['row_0 row_first even'][0]->alt ; ?>" />
</a>
<div class="highslide-caption"><?php echo $this->body['row_0 row_first even'][0]->caption; ?></div>

<!-- die übrigen Galeriebilder -->
<div class="hidden-container">
<?php foreach ($this->body as $class=>$row): ?>
  <?php foreach ($row as $col): ?>
    <?php if (!$col->addImage): ?>
        <div class="<?php echo $col->class; ?> empty">&nbsp;</div>
    <?php else: ?>
      <?php if ($col->href): ?>
        <a id="thumb-test" class="highslide" onclick="return hs.expand(this, { thumbnailId: 'gallery-EINDEUTIGE-ID' })" href="<?php echo $col->href; ?>" title="<?php echo $col->alt; ?>"><img src="<?php echo $col->src; ?>"<?php echo $col->imgSize; ?> alt="<?php echo $col->alt; ?>" /></a>
      <?php else: ?>
        <img src="<?php echo $col->src; ?>"<?php echo $col->imgSize; ?> alt="<?php echo $col->alt; ?>" />
      <?php endif; ?>
      <?php if ($col->caption): ?>
        <div class="highslide-caption"><?php echo $col->caption; ?></div>
      <?php endif; ?>
      <?php endif; ?>
  <?php endforeach; ?>
<?php endforeach; ?>
</ul>

Ich verwende die Highslide-Galerie in Verbindung mit Newseinträgen, somit könnte man die ID des Newseintrags für den obigen Zweck verwenden. Leider weiß ich nicht, wie ich an diese ID komme und ob man in dem gallery_default.tpl überhaupt die News-ID verwenden kann. Vermutlich eher nicht, aber was könnte ich stattdessen als EINDEUTIGE-ID für die Gallerie verwenden. Hier mal die Seite, ist aber noch Baustelle.

2. Mein zweites Problem:
Dank stefan.sl wird nun das erste Bild der Galerie als Vorschaubild ausgegeben. Leider - aber auch logisch - wird dieses Bild nun zweimal in der Galerie angezeigt. Ist es möglich in der foreach-Schleife (siehe oben) das erste Bild auszuschließen? Beispiel

Ich entschuldige mich für meine miserablen PHP-Kenntnisse.