slide show 2015-05-20

slide show

  1. dani
    This rotator (slideshow) should work with all webid versions.
    Instruction based on default theme but you can use it on any theme.

    Step 1:
    In themes/default -> home.tpl around line 21 after the code:

    PHP:
    <!-- END cat_list -->
    </
    ul>
    <
    a href="{SITEURL}browse.php?id=0">{L_277}</a>
    </
    div>
    </
    td>
    <
    td valign="top">
    <
    table width="100%" border="0" cellspacing="0" cellpadding="0" class="maincolum">
    add the follwing code:

    PHP:
    <!--start slide show --> 
    <
    tr><td height="20">
    <
    div align="center" style="background:#FFF">
    <
    div id="container"><a href="http://www.macromedia.com/go/getflashplayer">Get the Flash Player</ato see this rotator.</div
    <
    script type="text/javascript" src="{INCURL}themes/default/js/swfobject.js"></script>
    <script type="text/javascript">
    var s1 = new SWFObject("{INCURL}themes/default/imagerotator.swf","rotator","600","250","7");
    s1.addParam("allowfullscreen","true");
    s1.addVariable("file","{INCURL}themes/default/madrid.xml");
    s1.addVariable("width","600");
    s1.addVariable("height","265"); //this will move the navigation up/down
    s1.addVariable("transition","blocks"); // other options: "random"
    s1.addVariable("rotatetime","5");
    s1.addVariable("shownavigation","true");
    s1.addParam("wmode","opaque");
    s1.addVariable("screencolor","0xffffff");
    s1.addVariable("overstretch","none"); // other options: "none" , "true"
    s1.addVariable("autostart","true"); 
    s1.write("container"); 
    </script></div>
    </td></tr>
    <!--End slide show -->


    step 2:
    dump all files and folders into your themes/default root directory.

    All your image files should be in themes/yourtheme/slides
    You should be able to add more files by adding more track blocks in your madrid.xml and add the file names.
    The var s1, s1.addParam, s1.addVariable in the above code can be change to suit your requirment.