[jQuery] Please examine my code or tell me why it may not be working.

Thu, 04 Sep 2008 18:29:56 -0700 

I downloaded the jquery cycle plugin from http://malsup.com/jquery/cycle/
and renamed it jquerycycle.js. I made minor changes to the images but
kept everything else pretty much in tact.  I didn't touch the
javascript file except for renaming it and it is not working. HELP!

I have an external style sheet style.css as follows:

.pics{
        height: 430px;
        width: 287px;
        padding: 0;
   margin:  0;
}

.pics img {
        padding: 15px;
        border: 1px solid Black;
        background-color: #A52A2A;
        width: 425px;
        height: 282px;
        top: 0;
        left: 0;
}



This is the html file:

<html>
 <head>
  <link href="style.css" rel="stylesheet" type="text/css">
  <script type="text/javascript" src="jquerycycle.js"></script>

<script type="text/javascript">
$(document).ready(function(){

 $('.pics').cycle({
    fx:      'scrollRight',
    click:   '#scooterpromo',
    speed:  600,
    timeout: 0,
    easing: 'backinout'
 });

});
</script>

 </
head>
 <body>
        <div id="scooterpromo" class="pics">
            <img src="cautionsavegas.jpg" width="425" height="282" />
            <img src="lancepowerscootersline.jpg" width="425"
height="282" />
        </div>
</body>
 </html>

Reply via email to