Gallery 1.4.1: Bilder verlinken

noober · 08. Dezember 2011 11:07

ich möchte auf einer Startseite mittels Gallery verschiedene Projekt vorstellen die mit Slideshow ablaufen oder per Hand weiter und zurück geklickt werden können. Template ist eine modifizierte AE-Gallery.

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;
}

Beitrag geändert von noober (08. Dezember 2011 11:15)

nicmare · 08. Dezember 2011 11:19

das stylesheet nützt in dem fall auch nix

nockenfell · 08. Dezember 2011 12:01

Wie sieht dein Gallery-Template aus?

noober · 08. Dezember 2011 12:04

Gallery Template:

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

<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 class="ae-nav">
<div class="ae-thumbs">
<ul class="ae-thumb-list">
{$imgs}
</ul>
</div>
</div>
</div>
{/if}

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

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

Forum für CMS/made simple

#1 08. Dezember 2011 11:07

Gallery 1.4.1: Bilder verlinken

#2 08. Dezember 2011 11:19

Re: Gallery 1.4.1: Bilder verlinken

#3 08. Dezember 2011 12:01

Re: Gallery 1.4.1: Bilder verlinken

#4 08. Dezember 2011 12:04

Re: Gallery 1.4.1: Bilder verlinken

Fußzeile des Forums