Function Error

[pipelin +]

Hi,

I'm stalling a GalleryView and i got this Error: $("#photos").galleryView is not a function.

This the code I have in layout.tpl:
{literal}
<script type="text/javascript">
$(document).ready(function(){
$('#photos').galleryView({
panel_width: 600,
panel_height: 450,
frame_width: 120,
frame_height: 90
});
});
</script>
{/literal}

and this is the code in viewlisting.tpl:
{if $viewphotos=="Y" && $data <> ''}
{foreach from=$data item=image}
<div id="photos" class="galleryView">
<div class="panel">
<img src="http://website.com/photos/{$image.image}" />
<div class="panel-overlay">
<h2>{$title}</h2>
<p><br/></p>
</div>
</div>

{/foreach}
<ul class="filmstrip">
{if $viewphotos=="Y" && $data <> ''}
{foreach from=$data item=image}

<li><img src="http://website.com/thumbs/small_{$image.image}" alt="{$title}" title="{$title}" /></li>

{/foreach}
{/if}
{else}
<img src="templates/{$smarty.const.MAIN_TEMPLATE}/images/nophoto.gif" width="100" hspace="5" vspace="5" border="1" />
{/if}

Can you help me please, to find where the error is?

[John Snyder +]

Sounds like you are not including the plugin script file or it isn't compatible with that version of jquery. I can help if you link to the page.