title und comment in lytebox anzeigen

[jclouxy]

Hallo. Ich wieder.

Ich nutze das Album-Modul. Hier habe ich ein angepasstes Template, das aus einer Kombination von cmotion und lytebox besteht. Nun habe ich auch die lytebox.js und -.css nach meinen Wünschen anpassen können.

Jetzt hätte ich noch gerne den Titel und das Kommentar vom jeweiligen Bild in der lytebox stehen.
Unterhalb der Angabe "Bild x von y" oder oberhalb vom angezeigten Bild.

Gibt es da eine Möglichkeit?

Gruß
jclouxy

[tbtip]

Wieso verwendest du denn das Album Modul. Dies wird angeblich nicht mehr weiter entwickelt.

Ich selber setze das Gallery Modul ein http://dev.cmsmadesimple.org/projects/gallery

Dort hast du die Möglichkeit den Titel und die Descripton einzutragen und in der der entsprechenden Gallery Variante anzeigen zu lassen.

Wegen dem Album Modul kann ich dir leider nicht helfen

Gruß

[jclouxy]

Das geht beim Album-Modul auch. Ich weiss nur nicht an welcher Stelle ich welchen Code dafür in die .js von der lytebox setzten muss und was dabei zu beachten ist... oder ob das gar nicht möglich ist 

[cyberman]

Poste doch mal deine Templates / Änderungen - sonst können wir hier nur raten oder in die CMSms-Glaskugel schauen .

[jclouxy]

Hier das Template:

Code: Select all

{* Include JS files. You can move this to the head of your page template if you want *}
<!--Lytetbox 3.2  (Lyteshow is the slideshow-capable component)-->
<__script__ type="text/javascript" src="src/scripte/lytebox/lytebox.js">
</__script>
<__script__ type="text/javascript" src="modules/Album/templates/db/js/motiongallery.js">
/***********************************************
* CMotion Image Gallery- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
* This notice must stay intact for legal use
* Modified by Jscheuer1 for autowidth and optional starting positions
***********************************************/
</__script>
<link rel="stylesheet" href="src/scripte/lytebox/lytebox.css" type="text/css" media="screen" />

{if $pictureid !=0}

{* Big Picture *}
<div style="text-align:center">
<p class="bigpicturecaption"><strong>{$picture->name}</strong><br />
{$picture->comment}<br />
<span class="bigpicturenav">
{if $link.picture.previous}<a href="{$link.picture.previous}" title="Previous picture">< Previous</a>{/if}
 <span class= "albumpicturecount">( Picture {$picturenumber}/{$picturecount} )</span> 
{if $link.picture.next}<a href="{$link.picture.next}" title="Next picture">Next ></a></span>{/if}
</p>
<a href="" onmouseover="SMR_setLink(this);" target="_blank"><img src="{$picture->picture}" alt="{$picture->name|escape:'html'} - {$picture->comment|escape:'html'}" onload="SMR_resize(this, {$max_image_size});" title="{$picture->name|escape:'html'}  - {$picture->comment|escape:'html'}" /></a>
</div>
{/if}

{* Album List *}
{if !$album}
<ul class="albumlist">
	{foreach from=$albums item=album}
	<li class="thumb">
 	<a href="{$album->link}">
<img src="{$album->thumbnail}" alt="{$album->name|escape:'html'}" title="{$album->name|escape:'html'} - {$album->comment|escape:'html'}"{$album->autothumbnailsize} /></a>

<p class="albumname">{$album->name}<br />
<span class="albumpicturecount">({$album->picturecount} images)</span><br />
<span class="albumcomment">{$album->comment}</span></p>
</li>
	{/foreach}
</ul>

{else}

{* Photo List *}
<p><strong>{$album->name}</strong><br />
{$album->comment}<br />
{if $returnlink}<a href="{$returnlink}">Zurück zur Albumwahl</a>{/if}</p>

	{if $pagecount>1}
	<p class="albumnav">
		<a href="{$link.page.first}" title="first page"><< </a>
		{if $link.page.previous}<a href="{$link.page.previous}" title="previous page">< </a>{/if}
		page {$pagenumber}/{$pagecount}
		{if $link.page.next}<a href="{$link.page.next}" title="next page"> ></a>{/if}
		<a href="{$link.page.last}" title="last page"> >></a>
	</p>
	{/if}

{*CMotion gallery with thumbnail list*}



<div id="motioncontainer" style="position:relative;overflow:hidden;">

 <div id="motiongallery" style="position:absolute;left:0;top:0;white-space: nowrap; margin-top:10px;">

   <div id="trueContainer">

	{foreach from=$pictures item=picturesrow}

	    {foreach from=$picturesrow item=onepicture}
       

{* Change alt/title-tag to what you need. *}

	    <a href="{$onepicture->picture}" rel="lytebox[{$album->name|escape:'html'}]"  title="{$onepicture->name|escape:'html'} | {$picture->comment|escape:'html'}" onclick="document.getElementById('maincmotionpic').setAttribute('src', '{$onepicture->picture}');return false;"> <img src="{$onepicture->thumbnail}" alt="{$onepicture->name|escape:'html'}"/></a>



      {if ($onepicture->number==$picturenumber and !$picture)}{assign var=picture value=$onepicture}{/if}


	    {/foreach}

	{/foreach}

   </div>

 </div>

</div>

<div style="clear:both;"></div>
{if $picturecount==0}No image{/if}
{/if}

{if $picture->id>0}
{/if}

Das Javascript von lytebox ist gleich geblieben, bei der css sind nur ein paar angaben zu schrift und farbe verändert.

[jclouxy]

Gibt's da keine Lösung? Oder liegt es am geschätzten Album-Modul?
Da beißt mich doch der saure Apfel.

[jclouxy]

...Also ich habe mittlerweile eine Testseite für das Gallery-Modul eingerichtet. Ok, die Bilder sind leichter zu händeln, aber ansonsten ist das ziemlich das selbe, oder?
Nun stehe ich leider erneut vor dem gleichen Problem.

Ob ich jetzt Lytebox im Album oder in Gallery nutze, das aufpoppende Javascript-gesteuerte Lytebox-Gallerie-Teil zeigt mir keinen Bildtitel/Kommentar an. Das geht zwar beim Hover über die Einzelbilder in der Übersicht, jedoch nicht bei dem Popup.

[mike-r]

Ich nutze die Fancybox, dort werden die Titel angezeigt. (hab grad geschaut, wie das in lytebox aussieht, die mag allerdings garnicht laufen...)
Wenn Du testweise die Fancybox verwendest, hast Du da auch keine Titel?

[jclouxy]

Ich hab die Fancybox natürlich auch schon getestet. Entspricht aber nicht meinen Vorstellungen, da es nicht ganz ausgereift scheint.
Gut vielleicht bekomm ich es mit der .css hin, dass es so aussieht wie ich möchte, aber dann fehlt leider immernoch der Kommentar.
Aber trotzdem danke.
Vielleicht nimm ich wenigstens übergangsweise die Fancybox, oder bekomme sie ordentlich angepasst (halt dann ohne Kommentar  :(  ). Wär echt schade wenn man zwar Kommentare eingeben kann, die aber nur beim Hover über die Übersicht sieht.  :'(

Edit: ...Nein, Fancybox ist da keine Alternative

[antibart]

Vielleicht verstehe ich dich miss ...
Warum packst dr den Komentartag nicht außerhalb des Links. zB

Code: Select all

{$picture->comment|escape:'html'}
<a href="" onmouseover="SMR_setLink(this);" target="_blank"><img src="{$picture->picture}" alt="{$picture->name|escape:'html'}" onload="SMR_resize(this, {$max_image_size});" title="{$picture->name|escape:'html'}  - {$picture->comment|escape:'html'}" />