I've been trying to implement a product called Smooth Gallery slideshow on my local machine without success. These are the installation instructions.
1) Place three .js files in the header. I placed those files in includes/templates/classic/jscript, adding jscript_ to the beginning of each and, according to View Javascript in Mozilla, they are loading correctly.
2) Call stylesheet. I placed the stylesheet in includes/templates/classic/css - adding stylesheet_ to the beginning of the file name. I can affect the look of the slideshow images using this stylesheet so I know that it's working correctly.
3) Add the following code to your page:
<div id="myGallery">
<div class="imageElement">
<h3>Item 1 Title</h3>
<p>Item 1 Description</p>
<a href="mypage1.html" title="open image" class="open"></a>
<img src="images/brugges2006/1.jpg" class="full" />
<img src="images/brugges2006/1-mini.jpg" class="thumbnail" />
</div>
<div class="imageElement">
<h3>Item 2 Title</h3>
<p>Item 2 Description</p>
<a href="mypage2.html" title="open image" class="open"></a>
<img src="images/brugges2006/2.jpg" class="full" />
<img src="images/brugges2006/2-mini.jpg" class="thumbnail" />
</div>
</div>
I added this code to define_main_page and the images appear as they should.
4) HERE's the problem I think. Instructions say to add this to the page:
<script type="text/javascript">
function startGallery() {
var myGallery = new gallery($('myGallery'), {
timed: true,
showArrows: false,
showCarousel: false
});
}
window.addEvent('domready', startGallery);
</script>
Okay, I've done all of the above. And I've tried placing the code in #4 on the page, i've tried placing it in an on_load and in a separate .js file, all without any luck. Does anyone know how I can get the code in step #4 in the correct location so that the Gallery actually starts. I think that's my problem.
The instructions for this slideshow are located at: http://smoothgallery.jondesign.net/getting-started/
Thanks,
Mike



