Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    New to the CF scene
    Join Date
    Jun 2005
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    endSlideShow not working

    I'm am a novice designer and found this script for a Slideshow with text. I've made some modifications to accomodate my images/text but cannot figure out how to stop the slideshow. I have tried incorporating several different kinds of code that I've found through searches but nothing works.

    I'd like the show to end on Slide 6.

    Can anyone help me?



    <!--

    SlideShow with Captions and Cross-Fade
    (C)2002 by CodeLifter.com

    Shows images and accompanying captions.
    Browsers: NS4-7,IE4-6
    Fade effect only in IE; degrades gracefully.
    NS4 shows default caption only.

    INSTRUCTIONS:

    Copy this entire script into a completely blank
    page. Follow the commented instructions within.

    //-->

    <html>

    <head>

    <!--
    Set up the caption font in the following style.
    Place the style script in the head of the page.
    //-->

    <style>
    .Caption {
    font-family: Arial;
    font-weight: bold;
    color: #336699;
    }
    </style>

    <!--
    Place the following script in the head of the page.
    Follow the set-up instructions within the script.
    //-->

    <script>

    // (C) 2002 www.CodeLifter.com
    // http://www.codelifter.com
    // Free for all users, but leave in this header.

    // ==============================
    // Set the following variables...
    // ==============================

    // Set the slideshow speed (in milliseconds)
    var SlideShowSpeed = 3000;

    // Set the duration of crossfade (in seconds)
    var CrossFadeDuration = 3;

    var Picture = new Array(); // don't change this
    var Caption = new Array(); // don't change this

    // Specify the image files...
    // To add more images, just continue
    // the pattern, adding to the array below.
    // To use fewer images, remove lines
    // starting at the end of the Picture array.
    // Caution: The number of Pictures *must*
    // equal the number of Captions!

    Picture[1] = 'assets/gecicon01.gif';
    Picture[2] = 'assets/gecicon02.gif';
    Picture[3] = 'assets/gecicon03.gif';
    Picture[4] = 'assets/gecicon04.gif';
    Picture[5] = 'assets/gecicon01.gif';
    Picture[6] = 'assets/gecicon05.gif' ;


    // Specify the Captions...
    // To add more captions, just continue
    // the pattern, adding to the array below.
    // To use fewer captions, remove lines
    // starting at the end of the Caption array.
    // Caution: The number of Captions *must*
    // equal the number of Pictures!

    Caption[1] = "";
    Caption[2] = "People";
    Caption[3] = "Place";
    Caption[4] = "Environment";
    Caption[5] = "39 years of innovative design";
    Caption[6] = "GEC Architecture";


    // =====================================
    // Do not edit anything below this line!
    // =====================================

    var tss;
    var iss;
    var jss = 1;
    var pss = Picture.length-1;

    var preLoad = new Array();
    for (iss = 1; iss < pss+1; iss++){
    preLoad[iss] = new Image();
    preLoad[iss].src = Picture[iss];}

    function runSlideShow(){
    if (document.all){
    document.images.PictureBox.style.filter="blendTrans(duration=2)";
    document.images.PictureBox.style.filter="blendTrans(duration=CrossFadeDu ration)";
    document.images.PictureBox.filters.blendTrans.Apply();}
    document.images.PictureBox.src = preLoad[jss].src;
    if (document.getElementById) document.getElementById("CaptionBox").innerHTML= Caption[jss];
    if (document.all) document.images.PictureBox.filters.blendTrans.Play();
    jss = jss + 1;
    if (jss > (pss)) jss=1;

    tss = setTimeout('runSlideShow()', SlideShowSpeed);
    }


    //--------------------------------------------------
    </script>

    </head>

    <!--
    Add the onload=runSlideShow() event call to the body tag.
    //-->

    <body onload=runSlideShow() bgcolor=#FFFFFF>

    <!--
    The following table holds the images and captions.
    Place the table in your page where you want the slideshow
    to appear. Follow the instructions for each table cell.
    //-->

    <table border=0 cellpadding=0 cellspacing=0 width="991" >
    <tr>
    <!--
    The next table cell holds the images.
    Set cell and image width and height the same.
    The img src must have name=PictureBox in its
    tag. Usually the first image in the Picture
    array in the script is used here.
    //-->
    <td height=229 width=362 ></td>
    <td valign="top" width=266 > <img src=assets/gecicon01.gif name=PictureBox width=266 height=210>
    </td>
    <td width=363 ></td>
    </tr>
    <tr>
    <!--
    The next table cell holds the captions.
    This table cell must have id=CaptionBox and
    class=Caption in its tag. The default caption
    shows whilst loading in all browsers; NS4
    will show only the default caption, throughout.
    //-->
    <td height="19" valign="top" id=CaptionBox class=Caption align=center bgcolor=#FFFFFF colspan="3">
    This is the default caption. </td>
    </tr>
    </table>

    </body>

    </html>

  • #2
    Senior Coder
    Join Date
    Apr 2005
    Posts
    1,051
    Thanks
    0
    Thanked 0 Times in 0 Posts
    try changing :


    if (jss > (pss)) jss=1;

    tss = setTimeout('runSlideShow()', SlideShowSpeed);


    to



    if(jss <= pss){
    tss = setTimeout('runSlideShow()', SlideShowSpeed);
    } else {
    jss=1
    return;
    }
    public string ConjunctionJunction(string words, string phrases, string clauses)
    {
    return (String)(words + phrases + clauses);
    }
    <--- Was I Helpfull? Let me know ---<

  • #3
    New to the CF scene
    Join Date
    Jun 2005
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts
    When I make the changes the slideshow won't run at all. I get a blank picture box and the text reads "This is the default caption."

    But thank you very much for the code suggetion.

    Perhaps I need to add something to the beginning of the script as well. I just don't have enough experience with this.

    If you have another suggestion I would certainly appreciate it.

  • #4
    Regular Coder
    Join Date
    May 2005
    Location
    Michigan, USA
    Posts
    566
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Code:
    if (jss > (pss)) return;
    I think you can figure out where to place it

  • #5
    New to the CF scene
    Join Date
    Jun 2005
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Thumbs up Yes! Thank you soooo much!

    It worked! Thank you so much. I've spent hours trying to fumble my way through that one. I really appreciate your response. Thanks, again!!


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •