# BounceSlide Object The BounceSlide object handles the bounce slide effect. Members Table The following table lists the members provided by the BounceSlide object.
Members
Properties | Description
BounceCount | Number of bounces per slide.
Duration | Duration of the slide.
EndPos | End position of the slide.
Position | Position of the slide.
Rate | Rate of the slide.
StartPos | Start position of the slide.
Methods | Description
Start | Starts the slide.
Stop | Stops the slide.
Events | Description
OnStart | Fires when the slide is started.
OnStop | Fires when the slide is stopped.
OnUpdatePosition | Fires when the position changes.
Remarks This object is returned by the CreateBounceSlide method. Use the BounceSlide object to define the settings of the bounce slide effect. Note that the path of a file using SiteKiosk objects must be allowed in the SiteKiosk configuration (Security -> Access -> URL's With Script Permission) if it is not a browser skin file. Examples The following example shows the functionality of the bounce slide effect.
    <html>
    <head>
    <SCRIPT TYPE="text/javascript">
    window.external.InitScriptInterface();
    myslide = SiteKiosk.Effects.CreateBounceSlide();
    myslide.StartPos = 200;
    myslide.EndPos = 500;
    myslide.Rate = 100;
    myslide.Duration = 2000;
    myslide.OnUpdatePosition = OnUpdatePosition;
    myslide.OnStart = OnStart;
    myslide.OnStop = OnStop;
    function OnUpdatePosition(pos)
    {
       sldiv.style.pixelLeft = parseInt(pos);
    }
    function OnStart()
    {
       id_slst.innerHTML = "Status: started";
    }
    function OnStop()
    {
       id_slst.innerHTML = "Status: stopped";
       switchstartend();
    }
    function startslide()
    {
       myslide.Start();
    }
    function switchstartend()
    {
       sldummy = myslide.StartPos;
       myslide.StartPos = myslide.EndPos;
       myslide.EndPos = sldummy;
    }
    </SCRIPT>
    </head>
    <body>
    <table border="0" bgcolor="#ebebeb" width="800" cellspacing="5"
    cellpadding="5" style="font-family:verdana;font-size:8pt;"
    align="center">
    <tr><td bgcolor="f8f8f8">
    The following example shows the functionality of the bounce
    slide effect.
    </td></tr>
    <tr><td style="font-family:verdana;font-size:8pt;">
    <pre>
    <div id="sldiv" style="position:relative;left:200;">
    <SCRIPT TYPE="text/javascript">
    logosrc = SiteKiosk.SiteKioskDirectory;
    logosrc += "skins/Default/img/background/logo.gif";
    document.writeln("<img src='" + logosrc + "'>");
    </SCRIPT>
    </div>
    <br>
    <span style="color:#cc3300;" id="id_slst">Status: stopped</span>
    </pre>
    </td></tr>
    </table>
    <br><br>
    <div align="center">
    <a href="javascript:startslide()">
    Start slide
    </a>
    </div>
    </body>
    </html>
Applies to SiteKiosk v5.0 (and later versions). Back to top