Slide Show

Thank you for buying Slide Show script. If you need some help setting up the script, please do not hesitate to contact us as at info@phpjabbers.com and we will be glad to help you. We also do custom modifications and changes to all the scripts that we offer on our web site so if you need something different get in touch with us and we will give you a non-obligation quote in less than 12 hours (usually within minutes).

Changing the Demo slideshow and creating your own one

To change the Slide Show found on example.html page you should edit data.xml file or create new XML file. Bellow you can see the contents of the demo XML file (data.xml).

<?xml version="1.0" encoding="utf-8"?>
<images shuffle="false">
    <image1>
        <url>image1.jpg</url>
        <link>http://www.phpjabbers.com/slideshow/</link>
        <window>_self</window>
        <delay>6</delay>
        <effect>wheel 4 spoke</effect>
    </image1>
    <image2>
        <url>image2.jpg</url>
        <link>http://www.phpjabbers.com</link>
        <window>_blank</window>
        <delay>4</delay>
        <effect>wedge</effect>
    </image2>
    <image3>
        <url>image3.jpg</url>
        <link>http://www.phpjabbers.com</link>
        <window>_blank</window>
        <delay>6</delay>
        <effect>strips horizontal</effect>
    </image3>
    <image4>
        <url>image4.jpg</url>
        <link>http://www.phpjabbers.com</link>
        <window>_blank</window>
        <delay>4</delay>
        <effect>strips vertical</effect>
    </image4>
    <image5>
        <url>image5.jpg</url>
        <link>http://www.vevs.com</link>
        <window>_blank</window>
        <delay>6</delay>
        <effect>split horizontal out</effect>
    </image5>
</images>

You can easily see that there are 5 images defined for the demo slide show. Lets look at the section that define first image:

    <image1>
        <url>image1.jpg</url>
        <link>http://www.phpjabbers.com/slideshow/</link>
        <window>_self</window>
        <delay>6</delay>
        <effect>wheel 4 spoke</effect>
    </image1>

  • <url>image1.jpg</url> - if you have your images in a subfolder on your server then you can use <url>images/image1.jpg</url> You can load any valid JPG image file.
  • <link>http://www.phpjabbers.com/slideshow/</link> - when you click on the image this is the URL where you will be taken to. Leave it blank if you do not want to use URLs
  • <window>_self</window> - in case you use URLs you can define if it should be open in same (_self) or new (_blank) window.
  • <delay>6</delay> - defines how many seconds the image should be visible
  • <effect>wheel 4 spoke</effect> - the transition effect used when showing the image . Below you can see all transition effects
  • at the top of the XML file you will see <images shuffle="false"> - it defines if the images should be loaded randomly or not

    Bellow you can see the HTML code used to display the demo poll.

    <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="270" height="225" align="middle" id="calendar">
    <param name="allowScriptAccess" value="sameDomain" />
    <param name="movie" value="slideshow.swf?sourceFile=data.xml&owner=phpjabbers.com" />
    <param name="quality" value="high" />
    <param name="bgcolor" value="#FFFFFF" />
    <embed src="slideshow.swf?sourceFile=data.xml&owner=phpjabbers.com" quality="high" bgcolor="#FFFFFF" width="270" height="225" align="middle" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></embed>
    </object>

    The two importand parts in the code are in bold.

  • slideshow.swf?sourceFile=data.xml&owner=phpjabbers.com - you can specify the XML configuration file. If you create a new XML configuration file with a new name you should change the sourceFile=data.xml to sourceFile=newfilename.xml. The owner=phpjabbers.com is there so we can be sure that you will not resell the script. If you decide to resell the script without our permission your "clients" will see this in the HTML code and will find our web site - the real owners of the poll script. The poll does not connect to or rely on our servers.
  • width="270" height="225" - you can change the size of the Slide Show and set your own.

    • Supported transition effects

    wheel 4 spoke circle wipe left fly up
    wedge wheel 1 spoke wipe right fly left
    strips horizontal diamond wipe left up fly right
    strips vertical wheel 2 spoke wipe right up fly left up
    split horizontal out wheel 3 spoke wipe left down fly right up
    split vertical out wipe down wipe right down fly left down
    square wipe up fly down fly right down