The Photo Gallery

[platinum]

is the correct javascript included in your website header or footer?

I again ask you for a URL, that is the best way for anybody to check ;=)

about "The Photo Gallery" plugin
http://get-simple.info/extend/plugin/the...llery/151/
i simply add a shortcode (% the_photo_gallery %)
to the body of the page where i want to show the photo gallery.

in my first Getsimple's website (with "distinctive" theme) it is ok.
now in my second Getsimple's website (with "insacademy" theme) it is not ok :-(

maybe i must add also javascript?
mmm... where i must see?

----

i found this javascript (in head area)


<!-- The Photo Gallery [start] -->
<script type="text/javascript" src="http://www.mywebsite.com/admin/template/js/jquery.min.js"></script>
<script type="text/javascript" src="http://www.mywebsite.com/admin/template/js/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<link rel="stylesheet" type="text/css" href="http://www.mywebsite.com/admin/template/js/fancybox/jquery.fancybox-1.3.4.css" media="screen" />
<script>
jQuery(document).ready(function() {
if(jQuery().fancybox) {
$("a[rel*=tpgallery]").fancybox();
}
});
</script>

<style>
#the_photo_gallery h3 {margin:0 0 20px 0;}
#the_photo_gallery, #the_photo_gallery_albums {margin:0 0 10px 0;}
#the_photo_gallery_breadcrumbs {font-size:11px;margin:0 0 20px 0;padding:5px 10px;border:1px solid #ccc;background:#f6f6f6;}
#the_photo_gallery a.thumbnail img {padding:3px;margin:0 10px 10px 0;}
#the_photo_gallery_albums a.thumbnail img {float:left;margin-right:15px;max-height:80px;}
#the_photo_gallery_albums p {margin:0;line-height:18px;font-size:12px;}
#the_photo_gallery_albums p strong.tpg_title {line-height:25px;font-size:14px;}
#the_photo_gallery em {font-style:italic;color:#666;}
#the_photo_gallery a.thumbnail:link img, #the_photo_gallery a.thumbnail:visited img {border:1px solid #ccc;}
#the_photo_gallery a.thumbnail:hover img, #the_photo_gallery a.thumbnail:focus img {border:1px solid #999;}
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden; }
.clearfix:after { clear: both; }
</style>
<!-- The Photo Gallery [end] -->


and then i found also this code (in body area), where there is the show-gallery:


<div class="center-block">
<h2>Photo Gallery</h2>
<p>
Photo Gallery</p>
<p>

&nbsp;</p>
<p>
<div id="the_photo_gallery"><h3></h3><div id="the_photo_gallery_photos" class="clearfix" ><a href="http://www.mywebsite.com/data/uploads/photogallery/dsc111.jpg" class="thumbnail" rel="tpgallery" ><img src="http://www.mywebsite.com/plugins/thephotogallery/timthumb.php?src=http://www.mywebsite.com/data/uploads/photogallery/dsc111.jpg&amp;w=100&amp;h=100" alt="" /></a><a href="http://www.mywebsite.com/data/uploads/photogallery/dsc112.jpg" class="thumbnail" rel="tpgallery" ><img src="http://www.mywebsite.com/plugins/thephotogallery/timthumb.php?src=http://www.mywebsite.com/data/uploads/photogallery/dsc112.jpg&amp;w=100&amp;h=100" alt="" /></a></div></div></p>