thank you so much for the reply! but unfortunately that isn't the
problem =(. i tried your suggestions and it still doesn't work.
<script type="text/javascript" src="jquery-1.1.2.js"></script>
<script type="text/javascript" src="jquery-1.2.2.js"></script>
<script type="text/javascript" src="jquery.newsticker.js"></script>
<script type="text/javascript" src="jquery.cycle.all.js"></script>
<script type="text/javascript" src="jquery.easing.1.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#news").newsTicker();
});
</script>
<script type="text/javascript">
$(document).ready(function() {
$('#s2').cycle({
fx: 'fade',
speed: 'normal',
timeout: 4000,
next: '#next2',
prev: '#prev2'
});
});
</script>
<script type="text/javascript">
</script>
</head>
<body bgcolor="#7C7870">
<div id="s2" class="pics">
<img src="images/onelucky.gif" width="200" height="200" />
<img src="images/availablepuppies.gif" width="200"
height="200" />
<img src="images/upcomingpuppies.gif" width="200"
height="200" />
</div>
<div class="nav"><a id="prev2" href="#">Prev</a> <a id="next2"
href="#">Next</a></div>
all i get is 3 images and 2 links. no effects whatsoever for the
cycle. it must be something wrong with the jquery file huh?
On Jan 24, 11:18 am, "Mike Alsup" <[EMAIL PROTECTED]> wrote:
> You need to put the code inside a "doc ready" handler. In general, you
> *always* do this with jQuery code that manipulates elements in the document:
>
> $(document).ready(function() {
> $('#s2').cycle({
> fx: 'fade',
> speed: 'normal',
> timeout: 4000,
> next: '#next2',
> prev: '#prev2'
> });
>
> });
>
> Also you should remove all those extra scrip tags. Load jQuery once. Load
> Cycle once. And if you're using the cycle "all" plugin then you don't need
> the "trans" file.
>
> Cheers!
>
> Mike
>
> On Jan 24, 2008 8:41 AM, visitorQ <[EMAIL PROTECTED]> wrote:
>
>
>
> > hello all. i'm having trouble implementing something from the jQuery
> > Cycle plugin that can be found here:
> >http://www.malsup.com/jquery/cycle/download.html
>
> > the effect i'm looking to implement can be found here:
> >http://www.malsup.com/jquery/cycle/int2.html
>
> > it's the Prev/Next effect. the second demo on that page. i just can't
> > figure out how to get it to work. first i couldn't figure out where to
> > put the image gallery or what div tags to use and everything because i
> > couldn't find an explaination. then i looked at the source code and
> > found it. so i used it but it didn't work =\. what do you guys think?
>
> > <script type="text/javascript" src="jquery-1.1.2.js"></script>
> > <script type="text/javascript" src="jquery-1.2.2.js"></script>
> > <script type="text/javascript" src="jquery.cycle.all.js"></script>
> > <script type="text/javascript" src="jquery.cycle.all.js?v2.09"></
> > script>
> > <script type="text/javascript" src="jquery.cycle.trans.js?v2.07"></
> > script>
> > <script type="text/javascript" src="jquery.easing.1.3.js"></script>
>
> > <script type="text/javascript">
> > $('#s2').cycle({
> > fx: 'fade',
> > speed: 'normal',
> > timeout: 4000,
> > next: '#next2',
> > prev: '#prev2'
> > });
> > </script>
>
> > <div id="s2" class="pics">
> > <img src="images/onelucky.jpg" width="200" height="200" />
> > <img src="images/availablepuppies.jpg" width="200"
> > height="200" />
> > <img src="images/upcomingpuppies.jpg" width="200"
> > height="200" />
> > </div>
>
> > what's the deal here? what do you guys see wrong with this?
