Gallery: geen harde return in Omschrijvingsveld

[Lieke]

Hallo,

Ik ben nu al een tijdje aan het lezen maar kom er niet uit.
Ik heb een gallery met Fancybox.
Veel foto's hebben een zeer lange omschrijving en deze zijn vaak voorzien van returns in de gallery zelf.
Maar de frontend laat alles in 1 lange zin zien.
Als ik gebruik maak van </br> dan zie ik dat de Alttekst deze ook toont en dat is onwijs lelijk.
En eigenlijk wil ik helemaal geen omschrijvingen in de Alttekst alleen de titel.

In Album (met fancybox) kon ik wel gewoon returns gebruiken en werden deze getoond in het omschrijvingsveld.

Dus ik wil heel graag
- dat de alttext alleen titel toont
- dat de omschrijvingen die voorzien zijn van returns in de gallery dit ook tonen in de foto's

Kan dit? of moet ik toch gaan werken met html in de omschrijvingsvelden?

Dit is de template:

Code: Select all

<div class="gallery">
{if !empty($gallerytitle)}<h3>{$gallerytitle}</h3>{/if}
{if !empty($gallerycomment)}<div class="gallerycomment">{$gallerycomment}</div>{/if}
<div class="pagenavigation">
{if $pages > 1}
<div class="prevpage">{$prevpage}</div>
<div class="nextpage">{$nextpage}</div>
{/if}
{if !$hideparentlink && !empty($parentlink)}<div class="parentlink">{$parentlink}</div>{/if}
{if $pages > 1}<div class="pagelinks">{$pagelinks}</div>{/if}
</div>

{foreach from=$images item=image}
	<div class="img">
	{if $image->isdir}
		<a href="{$image->file}" title="{$image->titlename}"><img src="{$image->thumb|escape:'url'|replace:'%2F':'/'}" alt="{$image->titlename}" /></a><br />
		{$image->titlename}
	{else}
   <a class="group" href="{$image->file|escape:'url'|replace:'%2F':'/'}" title="{$image->titlename}</br>
{if !empty($image->comment)} {$image->comment|escape:'html'}<em>{/if}" rel="gallery-{$galleryid}"><img src="{$image->thumb|escape:'url'|replace:'%2F':'/'}" alt="{$image->titlename}" /></a>
	{/if}
	</div>
{/foreach}
<div class="galleryclear">&nbsp;</div>
</div>

en het javascript:

Code: Select all

<__script__ type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></__script>
<__script__ type="text/javascript" src="modules/Gallery/templates/fancybox/jquery.fancybox-1.3.4.js"></__script>

<__script__ type="text/javascript">
$(document).ready(function() {
	$("a.group").fancybox({
		'transitionIn'	:	'elastic',
		'transitionOut'	:	'elastic',
		'speedIn'		:	600, 
		'speedOut'		:	200, 
		'overlayShow'	:	false,
'titlePosition' 		: 'inside'
	
	});
});
</__script>

Lieke

[Rolf]

Probeer het eens met zoiets als {$image->comment|nl2br}

Ps. 1 Voor de alt-tekst gebruik je de mooiere: alt="{$image->title}"

Ps. 2 En het is <br /> en geen </br>

[Lieke]

Dank je wel Rolf,

Inderdaad < br/>

Ik heb nl2br toegevoegd en de tekst staat nu gecentreerd. Pfff heel lang mee bezig geweest en zooooo simpel.

De alt-tekst blijft ook bij alt="{$image->title}" alle code tonen en dat is zo lelijk.

[Rolf]

heb je een link?

[Rolf]

Uhm, volgens mij moet het zo lukken...
In stylesheet wijzigen naar:

Code: Select all

.fancybox-title-inside {
text-align: left;
}

In template wijzigen naar:

Code: Select all

alt=''