[opgelost] video portfolio met gallery

[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

[Rolf]

Helpt http://fancybox.net/blog punt 4?

®

[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

[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">&nbsp;</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:

http://www.youtube.com/watch?v=071KqJu7 ... dded#at=41

en zie in de brondcode:

http%3A//www.youtube.com/watch%3Fv%3D071KqJu7WVo ... %23at%3D41

Als ik deze aanpast via firefox firebug naar het juiste adres, dan blijft de 'loading img' staan.

Iemand een idee
Mvg,
Peter

[pedes]

niemand een idee ?

Alle tips of hulp is welkom.
Mvg,
Peter

[(M)]

Hoe heb je het opgelost?