I do not use STS but would really want this slide show on my website

[GoogleCodeExporter]

Hi!,

My website is www.officeconsumables.com.au, and would like to install the
slideshow in the front page.

The site had not installed STS, but installed FCK editor for Define Mainpage.

What should I do for installing this fantastic contribution?

Waiting for your instruction.

Thanks in advance!

Dansino

Original issue reported on code.google.com by dans...@yahoo.com.au on 16 Aug 2009 at 2:51

[GoogleCodeExporter]

What's STS?

Original comment by aeron.gl...@gmail.com on 16 Aug 2009 at 3:04

[GoogleCodeExporter]

STS is a Template system for OSCommerce.
@dans:
just put the code on your catalog/index.php file:
<link rel="stylesheet" type="text/css"
href="http://www.unibooks.ch/includes/slideshow/css/slideshow.css" 
media="screen" />

<script type="text/javascript"
src="http://www.yoursite.com/includes/slideshow/js/mootools.js"></script>
<script type="text/javascript"
src="http://www.yoursite.com/includes/slideshow/js/slideshow.js"></script>

<script type="text/javascript">     

//<![CDATA[
      window.addEvent('domready', function(){
        var data = {
          '1.jpg': { caption: 'Volcano Asención in Ometepe, Nicaragua.' }, 
          '2.jpg': { caption: 'A Ceibu tree.' }, 
          '3.jpg': { caption: 'The view from Volcano Maderas.' }, 
          '4.jpg': { caption: 'Beer and ice cream.' }

};
        var myShow = new Slideshow('show', data, { captions: true, controller: true,
height: 300, hu: 'http://www.yoursite.com/includes/slideshow/images/', delay: 
6000,
titles: true, captions: true, thumbnails: true, width: 400 });
      });
    //]]>

</script>

 and the second part of the code wherever you want to have the slide displayed

<!-- slideshow -->      
<table width="95%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
</tr>

   <tr>
    <td><div id="show" class="slideshow">
      <div align="center">
      <a href="index.php?cPath=1"><img
src="http://www.unibooks.ch/new/includes/slideshow/images/1.jpg" alt="Volcano
Asención in Ometepe, Nicaragua." border="0" width="400" height="300"/></a>

      </div>
    </div>

 </td>
</tr>
</table>
<!-- slideshow end -->  

Original comment by boris.ra...@gmail.com on 16 Aug 2009 at 8:38

[GoogleCodeExporter]

Hi boris,

I did paste the code above to the bottom of my catalog/index.php,

but nothing happened.

Where I did wrong?

Original comment by dans...@yahoo.com.au on 18 Aug 2009 at 1:53

[GoogleCodeExporter]

After several hours consuming, I can see the slideshow on the bottom of the 
screen.

Now because of no sts, How to put the slide show to the place I prefer?

which code I can use to locate the slideshow?

the second question is the thumb pics are displaced virtically on the right 
bottom of
the slideshow picture, How to move them to level or to the right side of the
slideshow rather than bottom?

Thanks!

Dansino

Original comment by dans...@yahoo.com.au on 18 Aug 2009 at 2:53

[GoogleCodeExporter]

Please post troubleshooting questions in the Google Group:

http://groups.google.com/group/mootools-slideshow

Original comment by aeron.gl...@gmail.com on 21 Aug 2009 at 7:39

• Changed state: Invalid