• twitter image
  • facebook image
  • youtube image
  • linkedin image
Language: CMS Made Simple Czech CMS Made Simple France CMS Made Simple Spain CMS Made Simple Hungary CMS Made Simple Russia CMS Made Simple Netherlands

All times are UTC




Post new topic This topic is locked, you cannot edit posts or make further replies.  [ 9 posts ] 
Author Message
 Post subject: Simple News Slider
PostPosted: Tue May 08, 2012 8:08 pm 
Offline
Administrator
Administrator
User avatar

Joined: Thu Mar 09, 2006 5:32 am
Posts: 12674
Location: Arizona
The simplest most basic news slider using the cycle script...

In the <head> of page template...

<__script__ type="text/javascript" src="uploads/jq/jquery162.js"></__script>
<__script__ type="text/javascript" src="uploads/jq/cycle.js"></__script>
<__script__ type="text/javascript">{literal}
$(document).ready(function() {
$('#newsslider').cycle({
fx: 'scrollUp'
});
});{/literal}
</__script>

News Summary template...

<!-- Start News Display Template -->
**********************
<div id='newsslider'>
{foreach from=$items item=entry}
<div class="NewsSummary">

********** normal news calls******************

</div>
{/foreach}
</div>
<!-- End News Display Template -->

See it here...

http://dezertdesign.com/drippy.html

_________________
Check ver. CMSMS, PHP, server OS, in System Information page.
Default content http://multiintech.com/defaultcontent/
People are Wonderful
Business is Great
Life is Terrific
Ever wonder what happened to the Album module? Well it is alive and well.
http://album.multiintech.com/
$1


Top
  Profile  
 
Share On:
Share on Facebook Share on Twitter Share on Google+
 Post subject: Re: Simple News Slider
PostPosted: Wed May 09, 2012 9:44 am 
Offline
Dev Team Member
Dev Team Member
User avatar

Joined: Fri Nov 30, 2007 9:15 am
Posts: 350
Hi Dr.CSS,

Thanks for sharing, seems great!
I'm looking forward to testing the various effects for fun but i guess the "cleanest" one to use will indeed be the scrollUp one :)

Greetings,
Manuel

_________________
Do you like your open source cms? Buy from the CMSMS partners || Donate
(or at least share some knowledge :D >> See some of my stuff )


Top
  Profile  
 
Share On:
Share on Facebook Share on Twitter Share on Google+
 Post subject: Re: Simple News Slider
PostPosted: Wed May 16, 2012 10:53 pm 
Offline
Power Poster
Power Poster

Joined: Thu Jan 11, 2007 9:16 pm
Posts: 262
Location: Colorado
Hi Dr. CSS,

Great idea! I was able to convert it to make a more useful quotes scroller.

Thank you for sharing!!!


Top
  Profile  
 
Share On:
Share on Facebook Share on Twitter Share on Google+
 Post subject: Re: Simple News Slider
PostPosted: Sun Jul 15, 2012 11:17 pm 
Offline
Power Poster
Power Poster

Joined: Thu Jan 11, 2007 9:16 pm
Posts: 262
Location: Colorado
I can't seem to find the correct line of code in the jQuery to slow the scrolling speed down. Can anyone assist?

Thanks!


Top
  Profile  
 
Share On:
Share on Facebook Share on Twitter Share on Google+
 Post subject: Re: Simple News Slider
PostPosted: Mon Jul 16, 2012 6:38 am 
Offline
Dev Team Member
Dev Team Member
User avatar

Joined: Wed Apr 23, 2008 7:53 am
Posts: 7707
Location: The Netherlands
elkman \elkman:
I can't seem to find the correct line of code in the jQuery to slow the scrolling speed down.
Have you looked here
http://malsup.com/jquery/cycle/options.html?

Grtz. Rolf

_________________
$1

Did my post help you solving a problem at your (customers) website and it saved you many hours of work? Great!! Consider buying me a cup of coffee in return!



Top
  Profile  
 
Share On:
Share on Facebook Share on Twitter Share on Google+
 Post subject: Re: Simple News Slider
PostPosted: Mon Jul 16, 2012 10:24 am 
Offline
Power Poster
Power Poster

Joined: Thu Jan 11, 2007 9:16 pm
Posts: 262
Location: Colorado
Hi Rolf,

Yes, I did look here and tried several modifications of the "Speed" and "Timeout" functions without viewing any change to the scrolling speed.

\$1:
    speed:         1000,  // speed of the transition (any valid fx speed value)
    speedIn:       null,  // speed of the 'in' transition
    speedOut:      null,  // speed of the 'out' transition
    startingSlide: 0,     // zero-based index of the first slide to be displayed
    sync:          1,     // true if in/out transitions should occur simultaneously
    timeout:       4000,  // milliseconds between slide transitions (0 to disable auto advance)


I've also tried changing it here:
\$1:
<__script__ type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></__script>
<__script__ type="text/javascript" src="uploads/jq/cycle.js"></__script>
<__script__ type="text/javascript">{literal}
$(document).ready(function() {
$('#newsslider').cycle({
fx: 'scrollUp'
});
});{/literal}
</__script>


as shown in the example located here: http://jquery.malsup.com/cycle/begin.html

I believe it's here but changing timeout: to 12000 caused no change in the scrolling speed. Any ideas?


Top
  Profile  
 
Share On:
Share on Facebook Share on Twitter Share on Google+
 Post subject: Re: Simple News Slider
PostPosted: Mon Jul 16, 2012 2:55 pm 
Offline
Dev Team Member
Dev Team Member
User avatar

Joined: Wed Apr 23, 2008 7:53 am
Posts: 7707
Location: The Netherlands
Just checked, I use "timeout" for timing the time to display.

_________________
$1

Did my post help you solving a problem at your (customers) website and it saved you many hours of work? Great!! Consider buying me a cup of coffee in return!



Top
  Profile  
 
Share On:
Share on Facebook Share on Twitter Share on Google+
 Post subject: Re: Simple News Slider
PostPosted: Mon Jul 16, 2012 5:23 pm 
Offline
Power Poster
Power Poster

Joined: Thu Jan 11, 2007 9:16 pm
Posts: 262
Location: Colorado
Thanks for the feedback Rolf. I have changed the "timeout" multiple times now with apparently no effect on the scrolling speed.

On the malsup forum it was suggested to try the "easing". I am now wondering if my problem is caused due to using the Showtime module and the Cycle JQuery on the same page. Perhaps they are interfering with each other.

Thanks again for your response. It is appreciated!

Elkman


Top
  Profile  
 
Share On:
Share on Facebook Share on Twitter Share on Google+
 Post subject: Re: Simple News Slider
PostPosted: Mon Jul 16, 2012 5:40 pm 
Offline
Power Poster
Power Poster

Joined: Thu Jan 11, 2007 9:16 pm
Posts: 262
Location: Colorado
Ok, found the source of the problem. I blocked out the Showtime module and then the scrolling functioned correctly using the "timeout" parameter.

Now I have to learn how to get them both to work on the same page.

Elkman


Top
  Profile  
 
Share On:
Share on Facebook Share on Twitter Share on Google+
Display posts from previous:  Sort by  
Post new topic This topic is locked, you cannot edit posts or make further replies.  [ 9 posts ] 

All times are UTC


Who is online

Users browsing this forum: No registered users


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to: