Page 1 of 1
[opgelost] video portfolio met gallery
Posted: Wed Aug 24, 2011 4:54 pm
by pedes
ik heb verschillende fimpjes (voorbeeld youtube formaat) en deze wil ik in een gallerij (liefst via Gallery module)
nu wil ik de verschillende filmpjes tonen als tumbs (zoals anders ook het geval is bij Gallery), maar bij het klikken op de thumb moet het fimpje beginnen afspelen in een lightbox variant (filmpjes staan op youtube)
iets zoals hier gebruikt wordt:
http://media4company.nl/portfolio/bedrijfsvideo
iemand een idee of een gallery template waarmee dit lukt.
hartelijk dank
Mvg,
Peter
Re: video portfolio met gallery
Posted: Wed Aug 24, 2011 5:08 pm
by Rolf
Re: video portfolio met gallery
Posted: Wed Sep 28, 2011 7:07 am
by pedes
dank u rolf voor uw reply.
Maar ik geraak er niet uit ...
Het lukt me niet om die code te integreren in Gallery.
Het is de bedoeling dat er een tumb-afbeelding is en bij het klikken dat deze opent met die fancybox en de you-tube film afspeelt.
De link naar de you-tube film zou dan voorbeeld in het 'omschrijvingsveld' van de afbeelding kunnen worden ingegeven.
iemand enig idee om mij alvast op weg te zetten.
Hartelijk dank,
Peter
Re: video portfolio met gallery
Posted: Wed Sep 28, 2011 10:08 am
by pedes
dit is het gallery sjabloon, ik heb voor de openingslink de $image->comment gebruikt ipv. $image->file:
Code: Select all
<div class="gallery">
{if !empty($module_message)}<h4>{$module_message|escape}</h4>{/if}
{if !empty($gallerytitle)}<h3>{$gallerytitle}</h3>{/if}
{if !empty($gallerycomment)}<div class="gallerycomment">{$gallerycomment}</div>{/if}
<p>{$imagecount}</p>
<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->comment}" title="{$image->titlename}"><img src="{$image->thumb|escape:'url'|replace:'%2F':'/'}" alt="{$image->titlename}" /></a><br />
{$image->titlename}
{else}
<a class="group" href="{$image->comment|escape:'url'|replace:'%2F':'/'}" title="{$image->titlename}" rel="gallery-{$galleryid}"><img src="{$image->thumb|escape:'url'|replace:'%2F':'/'}" alt="{$image->titlename}" /></a>
{/if}
</div>
{/foreach}
<div class="galleryclear"> </div>
</div>
In java script sjabloon heb ik de fancybox code ingevoegd, onder de bestaande code:
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.pack.js"></__script>
<__script__ type="text/javascript" src="modules/Gallery/templates/jquery/jquery.mousewheel.pack.js"></__script>
<__script__ type="text/javascript">
$(document).ready(function() {
$("a.group").fancybox({
'speedIn': 300,
'speedOut': 300,
'overlayColor': '#000',
'overlayOpacity': 0.7
});
});
</__script>
<__script__ type="text/javascript">
$(".img").click(function() {
$.fancybox({
'padding' : 0,
'autoScale' : false,
'transitionIn' : 'none',
'transitionOut' : 'none',
'title' : this.title,
'width' : 680,
'height' : 495,
'href' : this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
'type' : 'swf',
'swf' : {
'wmode' : 'transparent',
'allowfullscreen' : 'true'
}
});
return false;
});
</__script>
Ik zie dat de url die ik in de imgage comment heb ingegeven niet meer klopt, ik geef volgende in:
en zie in de brondcode:
Als ik deze aanpast via firefox firebug naar het juiste adres, dan blijft de 'loading img' staan.
Iemand een idee
Mvg,
Peter
Re: video portfolio met gallery
Posted: Sat Oct 01, 2011 8:03 am
by pedes
niemand een idee ?
Alle tips of hulp is welkom.
Mvg,
Peter
Re: [opgelost] video portfolio met gallery
Posted: Wed Dec 21, 2011 1:36 pm
by (M)
Hoe heb je het opgelost?