troubleshooting Question

Problem adding slides to Java slide show

Avatar of Revolution9
Revolution9 asked on
HTMLJavaScriptCSS
2 Comments1 Solution463 ViewsLast Modified:
I'm working with a java based slide show on this page:

www.sharonfarber.com/demo/index.html

When I try to add a slide in the code view, I get a small empty box or div, as you can see.  I'm going to copy the code here.  Can you please help me in successfully adding slides?

Thanks.

---

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>sharon farber</title>
<link href="css/style.css" rel="stylesheet" type="text/css">
<link href='http://fonts.googleapis.com/css?family=Yesteryear' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="js/jquery-1.2.6.min.js"></script>
<script type="text/javascript">
function slideSwitch() {
    var $active = $('#slideshow IMG.active');

    if ( $active.length == 0 ) $active = $('#slideshow IMG:last');

    // use this to pull the images in the order they appear in the markup
    var $next =  $active.next().length ? $active.next()
        : $('#slideshow IMG:first');

    $active.addClass('last-active');

    $next.css({opacity: 0.0})
        .addClass('active')
        .animate({opacity: 1.0}, 1000, function() {
            $active.removeClass('active last-active');
        });
}

$(function() {
    setInterval( "slideSwitch()", 7000 );
});

</script>
</head>

<body>
<div id="wrapper">
  <!-- header start -->
  <header>
    <div class="logo_block">
      <h1 class="lefts">Sharon Farber composer</h1>
    <nav>
      <ul>
        <li><a href="#">home</a></li>
        <li><a href="#">news</a></li>
        <li><a href="#">music</a>
          <ul>
            <li><a href="#">dropdown</a></li>
            <li><a href="#">dropdown</a></li>
            <li><a href="#">dropdown</a></li>
            <li><a href="#">dropdown</a></li>
          </ul>
        </li>
        <li><a href="#">video</a></li>
        <li><a href="#">bio</a></li>
        <li><a href="#">credits</a></li>
        <li><a href="#">gallery</a></li>
        <li><a href="#">press</a></li>
        <li><a href="#">blog</a></li>
        <li><a href="#">store</a></li>
        <li><a href="#">contact</a>
      </ul>
    </nav>
    </div>
  </header>
  <!-- header end -->
  <!-- body start -->
  <section id="container">
    <div id="slideshow"> <img src="images/01_sfSlideweb.jpg" alt="Slideshow Image 1" class="active" /> <img src="images/02_sfSlideweb.jpg" alt="Slideshow Image 2" /> <img src="images/03_sfSlide.jpg" alt="Slideshow Image 3" /> <img src="images/04_sfSlideweb.jpg" alt="Slideshow Image 4" /> <img src="images/05_sfSlideweb.jpg" alt="Slideshow Image 5" /> <img src="images/06_sfSlideweb.jpg" alt="Slideshow Image 6" /> <img src="images/07_sfSlide.jpg" alt="Slideshow Image 7" /> </div>
  </section>
  <!-- body end -->
  <!-- footer start -->
  <footer>
 
  <table width="100%" border="0" cellspacing="0">
  <tr>
    <td width="47%"><span class="copyright lefts">&copy;2012 Sharon Farber  •  Website design by Richard Stellar / <a href="http://www.interstellar9.com/" target="_blank">Interstellar9</a></span></td>
    <td width="31%"><audio  controls="controls" autoplay="autoplay">
    <source src=
  "audio/loufollowsbrewer_Nietzche.mp3" type="audio/mpeg" />
    <source src=
  "audio/loufollowsbrewer_Nietzche.ogg" type="audio/ogg" />
  </audio></td>
    <td width="22%"><span class="rights"> <a href="#" class="social_link"><img src="images/facebook.png" alt=""></a> <a href="#" class="social_link"><img src="images/twitter.png" alt=""></a> <a href="#" class="social_link"><img src="images/you-tube.png" alt=""></a> <a href="#" class="social_link"><img src="images/imdb.png" alt=""></a></span></td>
  </tr>
</table>
    <p>&nbsp;</p>
    <p><span class="copyright lefts"><a href="http://www.interstellar9.com/" target="_blank">

      </a>
     
    </span></p>
  </footer>
  <!-- footer end -->
</div>
</body>
</html>
ASKER CERTIFIED SOLUTION
Join our community to see this answer!
Unlock 1 Answer and 2 Comments.
Start Free Trial
Learn from the best

Network and collaborate with thousands of CTOs, CISOs, and IT Pros rooting for you and your success.

Andrew Hancock - VMware vExpert
See if this solution works for you by signing up for a 7 day free trial.
Unlock 1 Answer and 2 Comments.
Try for 7 days

”The time we save is the biggest benefit of E-E to our team. What could take multiple guys 2 hours or more each to find is accessed in around 15 minutes on Experts Exchange.

-Mike Kapnisakis, Warner Bros