JQuery Cycle for News
Posted: Thu Mar 30, 2017 1:36 pm
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
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