................................................................................................................................

<div class="gallery">
{if !empty($module_message)}<h1>{$module_message|escape}</h1>{/if}

{if !$hideparentlink && !empty($parentlink)}<div class="parentlink">{$parentlink}</div>{/if}
{if $pages > 1}<div class="pagelinks">{$pagelinks}</div>{/if}
</div>

{assign var='dirs' value=''}
{assign var='imgs' value=''}
{foreach from=$images item=image}
{if $image->isdir}
{assign var='dirs' value="$dirs
    <div class=\"img\">
        <a href=\"`$image->file`\" title=\"`$image->title`\"><img src=\"`$image->thumb`\" alt=\"`$image->title`\" /></a><br />
        `$image->title`
    </div>
"}
{else}
{capture name=images assign=imgs}
{$imgs}
        <li>
          <a href="{$image->file}">
            <img src="{$image->thumb}" alt="{$image->title}" title="{$image->title}"{if !empty($image->comment)} longdesc="{$image->comment}"{/if} class="image{$image->fileid}">
          </a>
        </li>
{/capture}
{/if}
{/foreach}

{if !empty($imgs)}
<div class="ae-gallery">
  <div class="ae-image-wrapper">
  </div>
  <div class="ae-controls">
  </div>

<div style="clear:both;"></div><br />

  <div class="ae-nav">
    <div class="ae-thumbs">
      <ul class="ae-thumb-list">
{$imgs}
      </ul>
    </div>
  </div>
</div>
{/if}

{$dirs}
<div class="galleryclear">&nbsp;</div>
</div>

............................................................................
JavaScript (noch nicht "automatisiert)

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="uploads/images/jquery.ae-gallery.js"></script>

<script type="text/javascript">
  $(function() {
    var galleries = $('.ae-gallery').aeGallery({
      loader_image: 'modules/Gallery/templates/ae-gallery/loader.gif',
      slideshow: {
        autostart: false,
        speed: 4000,
        start_label: 'Start',
        stop_label: 'Stop',
countdown: false,
        stop_on_scroll: false
      }
    });
  });
</script>

Jetzt möchte ich die verschiedenen Bilder der Slideshow auf verschiedene Unterseiten verlinken. Geht dass und wenn wie?
Zur Zeit versuche ich es mit den Comments, allerdings funktioniert es nicht so recht.

.............................................................................................................
Template:

.ae-gallery, .ae-gallery * {
margin-top: 0px;
padding: 0;
margin-right : auto;
margin-left : auto;
}

.ae-gallery {
width: 940px;
}

.ae-gallery .ae-image-wrapper {
    width: 940px;
    height: 420px;
    position: relative;
    overflow: hidden;
}

.ae-gallery .ae-image-wrapper .ae-loader {
      position: absolute;
      z-index: 10;
      top: 48%;
      left: 48%;
}

.ae-gallery .ae-image-wrapper .ae-next {
      position: absolute;
      right: 0;
      top: 0;
      width: 100%;
      height: 100%;
      cursor: pointer;
      display: block;
      z-index: 100;
}
   
.ae-gallery .ae-image-wrapper .ae-prev {
      position: absolute;
      left: 0;
      top: 0;
      width: 15%;
      height: 100%;
      cursor: pointer;
      display: block;
      z-index: 100;
}
   
.ae-gallery .ae-image-wrapper .ae-prev, .ae-gallery .ae-image-wrapper .ae-next {
      /* Or else IE will hide it */
      background: url(non-existing.jpg)\10
    }

.ae-gallery .ae-image-wrapper .ae-prev .ae-prev-image, .ae-gallery .ae-image-wrapper .ae-next .ae-next-image {
        background: url(/uploads/images/button_zurueck.png);
        width: 66px;
        height: 66px;
        position: absolute;
        top: 45%;
        left: 0;
        z-index: 101;
}

.ae-gallery .ae-image-wrapper .ae-next .ae-next-image {
        background: url(/uploads/images/button_vor.png);
        width: 66px;
        height: 65px;
        right: 0px;
        left: auto;
}

.ae-gallery .ae-image-wrapper .ae-image {
      position: absolute;
      overflow: hidden;
      top: 0;
      left: 0;
      z-index: 9;
}

.ae-gallery .ae-image-wrapper .ae-image .ae-image-description {
        position: absolute;
        margin-bottom: 0px;
        left: 10px;
        padding: 5px;
        text-align: left;
        width: 100%;
        z-index: 2;
        background: url(../ae-gallery/opa70.png);
font-family : Helvetica, Arial, sans-serif;
font-size : 10px;
text-transform : uppercase;
font-weight : bold;
color : #999999;
letter-spacing : 0.2em;
line-height: 1.5em;
}

* html .ae-gallery .ae-image-wrapper .ae-image .ae-image-description {
background: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='../ae-gallery/opa100.png');
}

.ae-gallery .ae-image-wrapper .ae-image .ae-image-description .ae-description-title {
          display: block;
}

.ae-gallery .ae-controls {
width:540px;
height: 20px;
font-family : Helvetica, Arial, sans-serif;
font-size : 13px;
font-weight : bold;
color : #dedede;
}

.ae-gallery .ae-info {
}

.ae-gallery .ae-nav .ae-thumbs {
overflow: hidden;
width: 750px;
padding: 0px 0px;
}

.ae-gallery .ae-thumbs ul {
padding:0px;
}

.ae-gallery .ae-thumbs li {
float: left;
padding:0px 10px 0px 0px !important;
margin:0 0 0 0 !important;
list-style: none;
}

.ae-gallery .ae-thumbs li a {
display: block;
}

.ae-gallery .ae-thumbs li a img {
border: 1px solid #666666;
display: block;
}

.ae-gallery .ae-thumbs li a.ae-active img {
border: 1px solid white;
}

/* Can't do display none, since Opera won't load the images then */
.ae-preloads {
  position: absolute;
  left: -90000px;
  top: -90000px;
}