SitePoint Sponsor

User Tag List

Results 1 to 2 of 2

Hybrid View

  1. #1
    SitePoint Member
    Join Date
    Aug 2010
    Posts
    1
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Easy slider help

    Hi all,

    I am trying to add this slider: http://cssglobe.com/lab/easyslider1.5/04.html to my website but due to my inexperience can't seem to get it to work.. please help...

    Here is my code:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>Welcome to Somerset Wedding Wishes</title>
    <meta http-equiv="content-type" content="text/html;charset=UTF-8" />
    <script type="text/javascript" src="easyslider1.5/js/jquery.js"></script>
    <script type="text/javascript" src="easyslider1.5/js/easySlider.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
    $("#slider").easySlider({
    auto: true,
    continuous: true
    });
    });
    </script>
    <style type="text/css">
    <!--
    body {
    background-color: #000000;
    background-image: url(bg1.jpg);
    background-repeat: repeat-x;
    }
    #slider{}
    #slider ul, #slider li{
    margin:0;
    padding:0;
    list-style:none;
    }
    #slider li{
    width:696px;
    height:241px;
    overflow:hidden;
    }
    #prevBtn, #nextBtn{
    display:block;
    width:30px;
    height:77px;
    position:absolute;
    left:-30px;
    top:71px;
    }
    #nextBtn{
    left:696px;
    }
    #prevBtn a, #nextBtn a{
    display:block;
    width:30px;
    height:77px;
    background:url(images/btn_prev.gif) no-repeat 0 0;
    }
    #nextBtn a{
    background:url(images/btn_next.gif) no-repeat 0 0;
    }
    -->
    </style>
    </head>

    <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
    <!-- ImageReady Slices (Untitled-1) -->
    <table width="922" height="864" border="0" align="center" cellpadding="0" cellspacing="0" id="Table_01">
    <tr>
    <td>
    <img src="images/home_01.png" width="922" height="230" alt=""></td>
    </tr>
    <tr>
    <td><div id="slider"><ul>

    <li><img src="easyslider1.5/images/01.jpg" alt="pic1"></li>
    <li><img src="easyslider1.5/images/02.jpg" alt="pic2"></li>
    <li><img src="easyslider1.5/images/03.jpg" alt="pic3"></li>
    ...
    </ul>
    </div>
    <div align="center"></div></td>
    </tr>
    <tr>
    <td>
    <img src="images/home_03.png" width="922" height="239" alt=""></td>
    </tr>
    <tr>
    <td>
    <img src="images/home_04.png" width="922" height="170" alt=""></td>
    </tr>
    </table>
    <!-- End ImageReady Slices -->

    });
    </body>
    </html>

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,301
    Mentioned
    460 Post(s)
    Tagged
    8 Thread(s)
    Hi rascald. Welcome to SitePoint!

    Obvious question first: does this link
    <script type="text/javascript" src="easyslider1.5/js/jquery.js"></script>
    represent the jQuery library?

    If so, I wouldn't name it like that, but anyway, just checking that you have the jQuery library installed.


Bookmarks

Posting Permissions

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