Page 1 of 1

JQuery Cycle for News

Posted: Thu Mar 30, 2017 1:36 pm
by nicklee5
I am trying to use this module:
http://jquery.malsup.com/cycle/
...and I am using the template NCleanBlue. So in that template, near the top, I have the following:

<__script__ type="text/javascript" src='http://ajax.googleapis.com/ajax/libs/jq ... '></__script>
<__script__ type="text/javascript" src='uploads/cycle2/jquery.cycle.all.js'></__script>
<__script__ type="text/javascript">
$(document).ready(function(){
$('#newsscroll').cycle({
fx: 'scrollUp',
timeout: 2000,
pause: true
});
});
</__script>

And further down I have the following:

{* Start left side *}
<div id="left" class="core-float-left">
<div class="sbar-top">
<h2 class="sbar-title">News</h2>
</div>
<div class="sbar-main">

{* Start News *}
<div id="newsscroll">
{news}
</div>
{* End News *}

</div>
</div>
{* End left side *}

Can anyone point out please why I am not getting my news in the news panel to scroll? It just sits there - inanimate - what I was hoping for was for each news item to display for 2000msecs, and then to scroll away to reveal the next one, just as it does in this example:

http://www.how-i-did-that.com/cgblog/3/ ... oller.html

Re: JQuery Cycle for News

Posted: Thu Mar 30, 2017 2:11 pm
by Rolf
Note the space around the { and } characters in the jquery code:
https://www.cmscanbesimple.org/blog/cre ... -or-images

Re: JQuery Cycle for News

Posted: Thu Mar 30, 2017 3:49 pm
by nicklee5
OK, so I put the spaces in but it hasn't changed anything. I have seen other examples where there have been no spaces, to be fair, but I did what you asked but to no avail....

Re: JQuery Cycle for News

Posted: Thu Mar 30, 2017 8:37 pm
by Rolf
Have you got an url for us?

It should work, check the demo page at
https://www.cmscanbesimple.org/demo/sli ... -or-images

Re: JQuery Cycle for News

Posted: Fri Mar 31, 2017 6:55 am
by nicklee5
The URL to the site is:

http://crowthornearchers.org.uk

Re: JQuery Cycle for News

Posted: Fri Mar 31, 2017 9:20 am
by rotezecke

Re: JQuery Cycle for News

Posted: Mon Apr 03, 2017 6:54 am
by nicklee5
Oh, how embarrassing... I put the files into the WRONG directory... :-(

Thank you so much for spotting this - works a treat now (just got to work out some formatting, but that should n't be difficult).