Yeah... after I made the post I continued to try to figure things out. I'm new to javascript and maybe I'm starting out over my head. So I went to jquery.com and downloaded the 1.2.6 version file. It now displays properly, one image on top of another, but still no transition at all.
On Sep 4, 6:43 pm, Ryura <[EMAIL PROTECTED]> wrote: > Looks like you never included the actual jQuery file, only the plugin. > > On Sep 4, 9:21 pm, Ray <[EMAIL PROTECTED]> wrote: > > > > > I downloaded the jquery cycle plugin fromhttp://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>- Hide quoted text - > > - Show quoted text -
