Slider style moving images in Java

Hi all, tried creating a Jquery plug in,

But unfortunately it doesnt seem to be working have copied all the css and js folders over into the root, and added the code to the page but it doesnt seem to be working. In fact its become a bit of a mess.

Could someone point me in the right direction

Code:
<html><HEAD><TITLE>DCI  </TITLE><META name=description content="Providing Comprehensive Electrical & Building Solutions in Eastleigh, Southampton & Hampshire"><META name=keywords content="Electrical Contractor Southampton, Electrical Contractor Eastleigh, Electrician Southampton, Electrician Eastleigh, Builder Southampton, Bulder Eastleigh, Electrician In Southampton, Electrician In Eastleigh, Sparky Southampton, Sparky Eastleigh, Domestic Installer Southampton, Domestic Installer Eastleigh, Jib Electrician Southampton, Jib Electrician Eastleigh, NICEIC Registered Southampton, NICEIC Registered Eastleigh, Builder In Southampton, Builder In Eastleigh, Builders In Southampton, Builders In Eastleigh"><META content="text/html; charset=iso-8859-1" http-equiv=Content-Type><link href="style.css" rel="stylesheet" type="text/css">   <link rel="stylesheet" href="css/slider.css" type="text/css" media="screen" />        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>    <script type="text/javascript" src="js/jquery.easing.1.2.js"></script>      <script src="js/jquery.anythingslider.js" type="text/javascript" charset="utf-8"></script>    <script type="text/javascript">            function formatText(index, panel) {              return index + "";          };            $(function () {                    $('.anythingSlider').anythingSlider({                easing: "easeInOutExpo",        // Anything other than "linear" or "swing" requires the easing plugin                autoPlay: true,                 // This turns off the entire FUNCTIONALY, not just if it starts running or not.                delay: 3000,                    // How long between slide transitions in AutoPlay mode                startStopped: false,            // If autoPlay is on, this can force it to start stopped                animationTime: 600,             // How long the slide transition takes                hashTags: true,                 // Should links change the hashtag in the URL?                buildNavigation: true,          // If true, builds and list of anchor links to link to each slide                    pauseOnHover: true,             // If true, and autoPlay is enabled, the show will pause on hover                    startText: "Go",                // Start text                    stopText: "Stop",               // Stop text                    navigationFormatter: formatText // Details at the top of the file on this use (advanced use)            });                        $("#slide-jump").click(function(){                $('.anythingSlider').anythingSlider(6);            });                    });    </script><style type="text/css"><!--.lowertext {    color: #810303;    font-size: 14px;}--></style></head><body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"><table width="900" border="0" align="center" cellpadding="0" cellspacing="0">  <tr>    <td><a href="index.html"><img src="images/123_03.gif" alt="Home" width="900" height="119"></a></td>  </tr>  <tr>    <td><table width="100%" border="0" cellspacing="0" cellpadding="0">      <tr>        <td><a href="index.html"><img src="images/123_06.gif" width="151" height="61"></a></td>        <td><a href="electricalservices.html"><img src="images/123_07.gif" width="150" height="61"></a></td>        <td><a href="domestic.html"><img src="images/123_08.gif" width="151" height="61"></a></td>        <td><a href="commercial.html"><img src="images/123_09.gif" width="149" height="61"></a></td>        <td><a href="aboutus.html"><img src="images/123_10.gif" width="150" height="61"></a></td>        <td><a href="contactus.html"><img src="images/123_11.gif" width="149" height="61"></a></td>      </tr>    </table></td>  </tr>  <tr>       <td>            <div class="anythingSlider">                  <div class="wrapper">            <ul>               <li>                    <img src="images/slide-civil-1.jpg" alt="" />               </li>              <li>                                  <div id="textSlide">                                     <img src="images/251356.jpg" alt="tomato sandwich" style="float: right; margin: 0 0 2px 10px;" />                                        <h3>Queenie's Killer Tomato Bagel Sandwich</h3>                                        <h4>Ingredients</h4>                    <ul>                        <li>1 bagel, split and toasted</li>                        <li>2 tablespoons cream cheese</li>                        <li>1 roma (plum) tomatoes, thinly sliced</li>                        <li>salt and pepper to taste</li>                        <li>4 leaves fresh basil</li>                    </ul>                 </div>                               </li>              <li>                 <img src="images/slide-env-1.jpg" alt="" />              </li>              <li>                 <img src="images/slide-civil-2.jpg" alt=""  />              </li>              <li>                 <div id="quoteSlide">                                     <blockquote>Life is conversational. Web design should be the same way. On the web, you’re talking to someone you’ve probably never met – so it’s important to be clear and precise. Thus, well structured navigation and content organization goes hand in hand with having a good conversation.</blockquote>                    <p> - <a id='perma' href='http://quotesondesign.com/chikezie-ejiasi/'>Chikezie Ejiasi</a></p>                                  </div>              </li>              <li>                 <img src="images/slide-env-2.jpg" alt="" />              </li>            </ul>                  </div>                  </div> <!-- END AnythingSlider -->          </td>  </tr>  <tr>    <td><a href="otherservices.html"><img src="images/123_17.gif" width="302" height="132"></a><a href="24hourcallout.html"><img src="images/123_14.gif" width="298" height="133"></a><a href="quotation.html"><img src="images/123_20.gif" width="298" height="132"></a></td>  </tr></table><table width="900" border="0" align="center" cellpadding="0" cellspacing="0">  <tr>    <td background="images/index_14.gif"><table width="100%" border="0" cellspacing="10" cellpadding="0">        <tr>          <td width="71%" valign="top"><table width="100%" border="0" cellspacing="10" cellpadding="0">            <tr>              <td><img src="images/123_30.gif" width="425" height="42"></td>            </tr>            <tr>              <td><table width="100%" border="0" cellspacing="10" cellpadding="0">                <tr>                  <td width="50%"><img src="images/home_domesticlimage.png" width="282" height="120"></td>                  <td width="50%"><img src="images/home_commercialimage.png" width="282" height="120"></td>                </tr>                <tr>                  <td><p class="white-text"><strong>DCI Electrical & Building Services</strong></p>                    <p class="white-text"><strong>Domestic Sevices</strong></p>                    <p>We offer a complete solution for all your domestic electrical needs. No matter if its simply wiring a electrical appliance or Kitchen/Bathroom Rewires we can help you.</p></td>                  <td><p class="white-text"><strong>DCI Electrical & Building Services</strong></p>                    <p class="white-text"><strong>Commercial Services</strong></p>                    <p>DCI Electrical as extensive experience of electrical work in the commercial sector. Whatever the nature of your commercial project DCI will be able to provide an efficient and cost effective service.</p></td>                </tr>                <tr>                  <td><a href="domestic.html"><img src="images/123_49.gif" width="121" height="40"></a></td>                  <td><a href="commercial.html"><img src="images/123_49.gif" width="121" height="40"></a></td>                </tr>              </table></td>            </tr>          </table><
 
Tables :(

Might be easier to see it on the actual page, if it's uploaded anywhere.

Although, you could follow this uber-simple tutorial and implement this:
Build a Simple Image Slideshow with jQuery Cycle change the images to the sizes you require et voila



Failing that, I'm local and can just about get my head round coding sans-tables and a bit of jquery ^^
 
Back
Top