Gallery: geen harde return in Omschrijvingsveld
Posted: Sun Jul 07, 2013 2:57 pm
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:
en het javascript:
Lieke
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"> </div>
</div>
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
