JQuery Cycle for News

Have a question or a suggestion about a 3rd party addon module or plugin?
Let us know here.
Post Reply
nicklee5
Forum Members
Forum Members
Posts: 10
Joined: Tue Dec 13, 2016 4:56 pm

JQuery Cycle for News

Post 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
User avatar
Rolf
Power Poster
Power Poster
Posts: 7825
Joined: Wed Apr 23, 2008 7:53 am
Contact:

Re: JQuery Cycle for News

Post by Rolf »

Note the space around the { and } characters in the jquery code:
https://www.cmscanbesimple.org/blog/cre ... -or-images
- + - + - + - + - + - + -
LATEST TUTORIAL AT CMS CAN BE SIMPLE:
Migrating Company Directory module to LISE
- + - + - + - + - + - + -
Image
nicklee5
Forum Members
Forum Members
Posts: 10
Joined: Tue Dec 13, 2016 4:56 pm

Re: JQuery Cycle for News

Post 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....
User avatar
Rolf
Power Poster
Power Poster
Posts: 7825
Joined: Wed Apr 23, 2008 7:53 am
Contact:

Re: JQuery Cycle for News

Post 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
- + - + - + - + - + - + -
LATEST TUTORIAL AT CMS CAN BE SIMPLE:
Migrating Company Directory module to LISE
- + - + - + - + - + - + -
Image
nicklee5
Forum Members
Forum Members
Posts: 10
Joined: Tue Dec 13, 2016 4:56 pm

Re: JQuery Cycle for News

Post by nicklee5 »

The URL to the site is:

http://crowthornearchers.org.uk
User avatar
rotezecke
Power Poster
Power Poster
Posts: 411
Joined: Fri Apr 18, 2008 9:34 pm

Re: JQuery Cycle for News

Post by rotezecke »

nicklee5
Forum Members
Forum Members
Posts: 10
Joined: Tue Dec 13, 2016 4:56 pm

Re: JQuery Cycle for News

Post 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).
Post Reply

Return to “Modules/Add-Ons”