StudioPress Community Forums
  StudioPress Community Forums > Forums > General Discussion
For help and support, access to your downloads, or to manage your account please log into My StudioPress.

These forums have been set to read-only so you can browse the existing topics for any questions you may have.

For general discussion on WordPress, CSS and design (NOT for support) visit the new Community Forums.
 
 
Thread Tools Display Modes
Prev Previous Post   Next Post Next
  #1  
Old 10-31-2008, 09:37 AM
cnymike cnymike is offline
Registered User
Pro Plus Member
 
Join Date: Oct 2008
Location: Syracuse, NY
Posts: 120
Default Carousel modifications

The mechanism behind the very cool Carousel, is a jquery plugin called "Cycle" and can be found here...
http://malsup.com/jquery/cycle/

What's also cool is that there are many other functions that can be added, changed or adjusted and those additional functions are here...
http://malsup.com/jquery/cycle/options.html

The functions file that you would need to modify in your own installation of Revolution Office can be found in...
/wp-content/themes/office_10/scripts/jquery.functions.js

One very simple modification might be to change the speed of the slide to the next set of images. The speed of that slide is controlled by the...ta-daaaa... by the "speed" function which has a default value of "800". So by changing the value to a higher number, lets say 1500, you would be slowing down the sliding effect and by lowering the value to say "400" you would be speeding up the sliding effect. Here is the jquery.functions.js code as it appears in your installation...

Code:
/*	ClientName - js/jquery/functions.js

	jQuery-dependent functions
*/

$(window).load(function () {
	
	$('#slide-box').cycle({
		fx: 'scrollHorz',
		prev: '#slides-prev a',
		next: '#slides-next a',
		timeout: 0,
		speed: 800
	});
	
});

/* EOF */
As another example, you could change the horizontal scrolling to vertical scrolling simply by changing the line...

Code:
fx: 'scrollHorz',
changing it to this...

Code:
fx: 'scrollVert',
And as a final example, you could easily change the horizontal slide to a fade effect instead by changing...

Code:
fx: 'scrollHorz',
changing it to this...

Code:
fx: 'fade',
Furthermore, let's say that you don't want the Carousel to operate as originally implemented, which is to display the most recent posts. Let's say that you would rather have it be a Carousel of specific photos that you've chosen and put into a particular folder... well that's relatively easy to accomplish and thanks to Jason who provided the sample code, I'd like to refer you to the thread that discusses how to do that...
http://www.revolutiontwo.com/support....php?f=35&t=24

I'm no code guru by any means, so please don't ask me for support as I probably won't be able to help. But I just wanted to share what I discovered by poking around and asking the right people a few questions.

Have fun.

Michael
 

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
Theme Modifications kenfobert General Discussion 2 01-07-2010 03:41 PM
Title Modifications - new option ebizwildfire General Discussion 3 05-20-2009 09:30 PM


All times are GMT -5. The time now is 07:10 AM.

Powered by vBulletin® Version 3.8.4
Copyright ©2000 - 2013, Jelsoft Enterprises Ltd.