Example 2

This example shows how to use custom frame (frame.png) on your slideshow.
In this case we use longer transition time and different preloader color.
The background of flash object is set to black on line #18 (bgcolor: “#000000”)

Code

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<p id="xbSlideshow"><a href="http://www.xorbin.com/">Flash slideshow widget</a></p>
<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript"><!--
    var flashvars = {
        fileList: 'photos2.xml',
        frame: 'frame.png',
        preloaderColor: 'ffffff',
        transitionTime: "2"
    };
    swfobject.embedSWF(
        "xbSlideshow.swf",
        "xbSlideshow",
        "360",
        "240",
        "8",
        "expressInstall.swf",
        flashvars,
        {scale: "noscale", bgcolor: "#000000"}
    );
// --></script>

Result

Flash slideshow widget

Important notices

  • If you use custom image list XML file, don’t forget to specify correct path in line #5.
  • Specify the width and height of the widget in lines #10, #11.
  • Don’t forget to specify correct paths in lines: #2 (the location of javascript swfobject library), #8 (the location of the widget xbSlideshow.swf itself and #13 additional file called expressInstall.swf which asks your website visitors to update their flash plugins to view your website correctly).

photos.xml

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
< ?xml version="1.0" encoding="UTF-8" ?>
<gallery>
  <item>
    <picture>images/photo01.jpg</picture>
    <url>http://www.xorbin.com</url>
  </item>
  <item>
    <picture>images/photo02.jpg</picture>
    <url />
  </item>
  <item>
    <picture>images/photo03.jpg</picture>
    <url />
  </item>
  <item>
    <picture>images/photo04.jpg</picture>
    <url />
  </item>
  <item>
    <picture>images/photo05.jpg</picture>
    <url />
  </item>
</gallery>

How to use it?



By continuing to use the site, you agree to the use of cookies. more information

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.

Close