dcsimg
www.webdeveloper.com
Results 1 to 5 of 5

Thread: SlideShow Problem!!

  1. #1
    Join Date
    Jun 2003
    Posts
    17

    Question SlideShow Problem!!

    I need to get the code, that is below, to stop the slideshow from clicking a link. If someone could help me out here...I would really appreciate it. Thanx.

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 TANSITIONAL//EN">
    <html>
    <head>
    <title>Walla Walla Valley Academy</title>
    <meta content="text/html; http-equiv=" Content-Type">
    <link rel="stylesheet" href="head.css" type="text/css">
    <SCRIPT LANGUAGE="JavaScript">
    <!-- Original: CodeLifter.com (support@codelifter.com) -->
    <!-- Web Site: http://www.codelifter.com -->

    <!-- This script and many more are available free online at -->
    <!-- The JavaScript Source!! http://javascript.internet.com -->

    <!-- Begin
    // Set slideShowSpeed (milliseconds)
    var slideShowSpeed = 7000;
    // Duration of crossfade (seconds)
    var crossFadeDuration = 5;
    // Specify the image files
    var Pic = new Array();
    // to add more images, just continue
    // the pattern, adding to the array below

    Pic[0] = 'http://www.wwva.org/slides/149.jpg'
    Pic[1] = 'http://www.wwva.org/slides/150.jpg'
    Pic[2] = 'http://www.wwva.org/slides/151.jpg'
    Pic[3] = 'http://www.wwva.org/slides/152.jpg'
    Pic[4] = 'http://www.wwva.org/slides/153.jpg'
    Pic[5] = 'http://www.wwva.org/slides/154.jpg'

    // do not edit anything below this line
    var t;
    var j = 0;
    var p = Pic.length;
    var preLoad = new Array();
    for (i = 0; i < p; i++) {
    preLoad[i] = new Image();
    preLoad[i].src = Pic[i];
    }
    function runSlideShow() {
    if (document.all) {
    document.images.SlideShow.style.filter="blendTrans(duration=2)";
    document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)";
    document.images.SlideShow.filters.blendTrans.Apply();
    }
    document.images.SlideShow.src = preLoad[j].src;
    if (document.all) {
    document.images.SlideShow.filters.blendTrans.Play();
    }
    j = j + 1;
    if (j > (p - 1)) j = 0;
    t = setTimeout('runSlideShow()', slideShowSpeed);
    }

    function stop() {
    document.images.SlideShow.src = 'http://www.wwva.org/slides/wwvatopview.jpg'
    }

    // End -->
    </script>
    </head>
    <body bgcolor="#CCCCCC" link="#FFFFFF" alink="#FFFFFF" vlink="#FFFFFF">
    <table border="0" width="600" align="center" valign="top"><!--Begin Table-->
    <tr>
    <td align="left" valign="top">
    <img src="header.jpg"><br>
    </td>
    </tr>
    <tr>
    <td align="left" valign="top">
    <table border="0" width="100%" bgcolor="#FFFFFF" align="left" valign="top"><!--Begin Content-->
    <tr>
    <td align="left" width="125" valign="top" class="menu">
    <font class="links"><a href="events/index.html">News</a><a href="schedules/index.html">Schedules</a><a href="teachers/wrench/index.html">Alumni</a><a href="athletics/index.html">Athletics</a><a href="classes/index.html">Classes</a><a href="faculty/index.html">Faculty</a><a href="bulletin/index.html">Bulletin</a><a href="visions/index.html">Visions</a><a href="basmati/">Grades</a><a href="slides/index.html">Pictures</a><a href="school/index.html">School Info</a><a href="contact/index.html">Contact Us</a></font>
    </td>
    <td align="left" valign="top">
    <center><img src="mission.jpg" alt="To prepare students for the second coming of Christ by instilling in each a love for God, for learning, for life, and for service. This is our mission."></center>
    &nbsp &nbsp <font class="text">Welcome to Walla Walla Valley Academy's website. Through the information contained here, we trust you'll learn more of the availability of our excellent Christ-centered programs. Thank you for taking time to explore the possibilities that might exist for you at WWVA. --John M. Deming, Principal</font><br><br>
    <table border="5" width="150" bordercolor="#700233" cellpadding="5" align="center"><!--Begin Slide Show-->
    <tr>
    <td id="VU" height="170" width="240">
    <a href="javascript:runSlideShow()" style="cursor: default;">Start SlideShow</a><a href="javascript:stop()">Stop SlideShow</a><img src="http://www.wwva.org/slides/wwvatopview.jpg" name='SlideShow' height="170" width="240"><br>
    </td>
    </tr>
    <!--End Slide Show--></table>
    </td>
    </tr>
    <tr>
    <td align="center" valign="bottom">

    </td>
    </tr>
    <!--End Content--></table>
    </td>
    </tr>
    <!--End Table--></table>
    </body>
    </html>

  2. #2
    Join Date
    Apr 2003
    Location
    UK
    Posts
    2,203
    Can you explain a little better as I see no links in the slideshow?

  3. #3
    Join Date
    Jun 2003
    Posts
    17

    ok!!

    I have a start slideshow link and a stop slideshow link...the starts slideshow link works....but the stop slideshow doesn't do what I want it to....I want the stop button to stop the slideshow....but I don't know how to get it to work with that javascript. is that explaination better?

  4. #4
    Join Date
    Apr 2003
    Location
    UK
    Posts
    2,203
    Sure is.


    In the function stop() comment out the line


    document.images.SlideShow.src = 'http://www.wwva.org/slides/wwvatopview.jpg'

    and add this line


    clearTimeout(t)

  5. #5
    Join Date
    Jun 2003
    Posts
    17

    Thanx.

    Thankyou soooo much!!!!!!!!

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles