Forum für CMS/made simple

jiji

probiert CMS/ms aus

Registriert: 01. Juli 2012

Beiträge: 21

[GELÖST] Gallery mit TinySlideshow Vorlage

Hallo liebe Leute,

Ich habe ein Problem mit der Gallery 1.5.3 und einer Vorlage die ich dafür ersellt habe (die TinySlideshow).

Die Slideshow selber klappt auch, nur möchte ich nicht nur die Bilder ausgeben lassen, sondern auch die Bildtitel und Kommentare...

Mit

 Hier klicken, um den Code zum Kopieren zu markieren

{$image->title}
{$image->comment}

gibt er mir nur das vom letzten Bild aus... Er soll aber den Title und das Kommentar zum jeweiligen großen Bild anzeigen...

Hat da jemand eine Idee wie ich das Abfragen kann welches Bild gerade in gross gezeigt wird, damit man dann sagen kann zeige mir das dazugehörige ua. Kommentar?

Hier einmal der Code von der Vorlage

 Hier klicken, um den Code zum Kopieren zu markieren

<ul id="slideshow">
{foreach from=$images item=image}
		<li>
	{if $image->isdir}
                <span>{$image->file}</span>
		<img src="{$image->thumb|escape:'url'|replace:'%2F':'/'}" alt="{$image->titlename}" />
	{else}
  <span>{$image->file}</span>
		<img src="{$image->thumb|escape:'url'|replace:'%2F':'/'}" alt="{$image->titlename}" />
	{/if}
	</li>
{/foreach}
</ul>
<div id="slideshow-wrapper">
		<div id="fullsize">
			<div id="image"></div>
		</div>
                <div id="slider-kommentar">
                       <h5>{$image->title}</h5>
                       <p>{$image->comment}</p>    
                </div>
		<div id="thumbnails">
			<div id="slideleft" title="Slide Left"></div>
			<div id="slidearea">
				<div id="slider"></div>
			</div>
			<div id="slideright" title="Slide Right"></div>
		</div>
	</div>
{literal}
<script type="text/javascript" src="js/tinyslideshow.js"></script>
<script type="text/javascript">
	$('slideshow').style.display='none';
	$('slideshow-wrapper').style.display='block';
	var slideshow=new TINY.slideshow("slideshow");
	window.onload=function(){
		slideshow.auto=false;
		slideshow.speed=5;
		slideshow.link="linkhover";
		//slideshow.info="information";
		slideshow.thumbs="slider";
		slideshow.left="slideleft";
		slideshow.right="slideright";
		slideshow.scrollSpeed=4;
		slideshow.spacing=15;
		slideshow.active="#fff";
		slideshow.init("slideshow","image","imgprev","imgnext","imglink");
	}
</script>
{/literal}

Vielen Dank im Vorraus und
LG

serialpark

probiert CMS/ms aus

Ort: Berlin

Registriert: 24. Januar 2012

Beiträge: 52

Re: [GELÖST] Gallery mit TinySlideshow Vorlage

geht es um diese? http://sandbox.scriptiny.com/javascript-slideshow/

guck dir doch einfach die html struktu an

 Hier klicken, um den Code zum Kopieren zu markieren

[== html ==]
<ul id="slideshow">
		<li>
			<h3>TinySlideshow v1</h3>
			<span>photos/orange-fish.jpg</span>
			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ut urna. Mauris nulla. Donec nec mauris. Proin nulla dolor, bibendum et, dapibus in, euismod ut, felis.</p>
			<a href="#"><img src="thumbnails/orange-fish-thumb.jpg" alt="Orange Fish" /></a>
		</li>...

also:

 Hier klicken, um den Code zum Kopieren zu markieren

[== html ==]
<ul id="slideshow">
{foreach from=$images item=image}
		<li>
	{if $image->isdir}
			<h3>{$image->title}</h3>
			<span>photos/orange-fish.jpg</span>
			<p>{$image->comment}</p>
		<img src="{$image->thumb|escape:'url'|replace:'%2F':'/'}" alt="{$image->titlename}" />
		</li>...

jiji

probiert CMS/ms aus

Registriert: 01. Juli 2012

Beiträge: 21

Re: [GELÖST] Gallery mit TinySlideshow Vorlage

Hi serialpark,

Danke erstmal für deine Antwort!
Ja das ist genauso eigentlich... Problem ist dann aber das ich das dann nicht so gestylt bekomme wie ich es möchte..., deswegen hatte ich es ummodeliert

Hast du oder jemand anders sonst noch einen Tipp?

Will eigentlich nur ganz simple eine thumbleiste mit pfeilen darüber was es ist und darüber das große Bild (siehe Screenshot...)

Kennt jemand sonst was anderes womit ich das realisieren kann?

LG

COR9

Server-Pate

Ort: Dresden

Registriert: 09. November 2010

Beiträge: 281

Re: [GELÖST] Gallery mit TinySlideshow Vorlage

Mal ganz ins Blaue gesprochen: Es gibt bereits ein sehr ähnliches, »fertiges« Template namens AE-Gallery für das Modul. Du müsstest das nur extra laden, da es nicht im Standard-Moduldownload enthalten ist.

Ok, Deine Implementierung ist schon weit gediehen, aber falls Du gar nicht weiterkommst ...

jiji

probiert CMS/ms aus

Registriert: 01. Juli 2012

Beiträge: 21

Re: [GELÖST] Gallery mit TinySlideshow Vorlage

Hi COR9,

Danke, werde ich mir mal anschauen!

Lg

jiji

probiert CMS/ms aus

Registriert: 01. Juli 2012

Beiträge: 21

Re: [GELÖST] Gallery mit TinySlideshow Vorlage

Mhhh... Hab nun noch ein "kleines" Problem, nachdem ich die AE GAllery benutze...

Ich lasse mir die Description in einem extra div ausgeben und wenn ich nun auf das nächste Bild klicke läd er immer erst das neue bevor er das alte ausblendet... im js find ich das nicht wirklich

Gibt es da einen Tipp, wie/wo man das beheben kann?

LG und Danke schonmal

jiji

probiert CMS/ms aus

Registriert: 01. Juli 2012

Beiträge: 21

Re: [GELÖST] Gallery mit TinySlideshow Vorlage

Hallöchen,

Ich nochmal...

Also habe gefunden wie/wo zumindest die description aufgerufen wird
jquery.ae-gallery.js

 Hier klicken, um den Code zum Kopieren zu markieren

_getDescription: function(image) {
      var desc = false;
      if(image.desc.length || image.title.length) {
        var title = '';
        if(image.title.length) {
          title = '<strong class="ae-description-title">'+ image.title +'</strong>';
        };
        var desc = '';
        if(image.desc.length) {
          desc = '<span>'+ image.desc +'</span>';
        };
        desc = $('<p class="ae-image-description">'+ title + '<br /> ' + desc +'</p>');
      };
      return desc;
    },

Aber wo nun der befehl ausgeführt wird das erst das 2. Element dasein muss bevor das 1. verschwindet finde ich nicht... Hat da jemand einen Tipp/Hinweis wo ich das finden kann?

LG