> I have searched this group to see if anyone is getting the same issue
> as I have been but after about an hour of searching I did not find
> anything.
>
> I am trying to put a simple slideshow on my homepage of my new website
> but the effect that I want just does not seem to work for some reason.
> I have looked through all of my code and made sure that I have
> included all of the JS files properly (and that they exist on the
> remote server).
>
> I can load the slideshow with other effects, I have also kept the
> easing code in on effects such as fade etc. to make sure that the
> error is not with that, but it still works. As soon as I change the
> effect type everything goes tits up and the slideshow does not work.
>
> I have uploaded all files to a beta url
> -http://beta.waynegrills.com/?fx=zoom&ease=false
>
> I have made the script so that you can change the effect my changing
> the fx variable in the URL and define whether the easing is included
> or not by setting ease to true or false.
>
> I look forward to hearing from you.
>
> - Wayne
Two things:
1.) Give the container an explicit height:
<style type="text/css">
#home2 { height: 200px }
</style>
2.) Use a timeout value that makes sense. What you have now does not
make sense:
$('#home2').cycle({
fx: 'scrollDown',
speedIn: 2000,
speedOut: 500,
timeout: 600,
pause: 1,
after: onAfter
});
The 'timeout' option tells Cycle how often to switch slides. But
having a value that is less than the time it takes to perform the
transition (speedIn + speedOut) makes no sense. Maybe this was just a
typo and you meant 6000 instead of 600?
Cheers!
Mike
