Development Roadmap

I'll be using this page to track the development roadmap of the Waterwheel Carousel. It's a good way for me and you to keep track of what I'm working on. I will update it regularly as new features are added and everything related.

Next Release: Version 1.4

  • Infinite cicular effect (so there are no edges/walls the user can hit)
  • Make movement functions public, so the carousel can be moved programmatically (move left, right, reset, etc)
  • Support for captions on images (overlayed on top, like the Feature Carousel)
  • Item numbers/thumbnails to show what item is where, and for navigation like in the Feature Carousel

Feel free to suggest new features in the comment form below!

Comments

Carousel linking

Submitted by Carlos (not verified) on

Is it possible to link to a specific image in the carousel from an external page? For example, I have 5 different images in the carousel, 1 of the 5 is for a category of car tires - i have a landing page for car tires that i want to setup a link on so that if a user clicks on it, it will automatically put the car tires image in the main spot of the carousel...please let me know.

thanks!

Infinite circular effect

Submitted by Justin Wyllie (not verified) on

Hi

Thanks for this. It is great.

What we really want is the infinite circular effect. Do you have a release date for this? Or - is there some beta code available or steers as to how we could implement this ourselves?

Thanks

Justin Wyllie

DIV instead images

Submitted by Alex (not verified) on

Hi! First of all, thank u for the great module! I have a question. Is that possible to substitute images to HTML content?

for example, scroll div's with some html content instead of pics?

i have tried to substitute all the IMG to DIV in jquery.waterwheelCarousel.js but it doesnt work.

thank u!

Update?

Submitted by dkpat (not verified) on

Hi Brian, I was just curious when you were planning on releasing version 1.4, or if you have any idea of a time frame at all. (I am waiting for the infinite loop personally)

I do not have a time frame

Submitted by Brian on

I do not have a time frame for releasing this unfortunately. I will get to it eventually, but I'm not sure when that will be. I have a very large project until the end of summer at my full time job that is eating up my free time as well. Subscribe to the mailing list, which I use to inform of new releases.

speed fast

Submitted by Anonymous (not verified) on

hi dear ,
afcose you can contraol this speed for data.currentCenterItem here (data.currentSpeed = 830 here you can change it ) when we in 447 approx line if you give there min value than it will be faster.
abhishek

function itemAnimationComplete($item, newPosition, direction) {

// If the item moved to the center position, change the data indicating so
// We simply need to keep track of it so we can call the moved to center event
// once we are positive all of the animations are complete
if (newPosition == 0) {
data.currentCenterItem = $item;
}

// Decrement one from the amount of items that are animating
data.itemsAnimating--;
// If there are no more items left animating, that means that all the items within
// the carousel have finished animating
if (data.itemsAnimating == 0) {
// Decrement one from the amount of rotations the carousel has made
data.carouselRotationsLeft -= 1;
// The carousel has finished rotating and is no longer moving
data.currentlyMoving = false;
// If there are still rotations left in the queue, rotate the carousel again
if (data.carouselRotationsLeft > 0) {
rotateCarousel(direction, 0);
// Otherwise there are no more rotations and...
} else {
// Reset the speed of the carousel to original

//here need change data.currentSpeed = 830;
// Trigger custom 'moved to the center' event
if (data.currentCenterItem !== null)
options.movedToCenter(data.currentCenterItem);
}
}
}

Show an other image when a new image come to the center

Submitted by David (not verified) on

Hi,

I want to know if its possible to have a div containing a bigger version of the image which is moved to the center of the carousel, then when a new one is moved to the center, the image in the div change to the new bigger version of the carousel's center image.

You can check the page i'm trying to get it on at http://dl.dropbox.com/u/19671984/site_web/site/affiche.html

My goal is to have the bigger image to the right of the page, where theres actually a other carousel (this one will be removed). The bigger image would be a bigger version of the present image that is to the center, so people can clearly see the artwork. Then when they make the carousel move, the new image to come to the center will activate the script (or whatever can be use to switch image) to make the big image switch to the corresponding artwork.

I'm fairly new at scripting, and I had quite a hard time setting up the carousel to work as I wish, but I love it so much that I don't want to get another script to replace it...

Thanks for helping me,

David

Yes David, this is possible,

Submitted by Brian on

Yes David, this is possible, but you need to do a bit of scripting. You need to utilize the callback function for movedToCenter. Add an option in the carousel init as such: movedToCenter: function($newCenterItem) { // $newCenterItem is a jQuery object representing the image that is now in the center of the carousel // You can extract it's class or ID to then show/hide an image elsewhere on the page // Your use case is a good example of why I created this callback }

Add/Remove

Submitted by Roberto (not verified) on

Congratulation for the Carousel.
It would be useful if users can add or remove items from the "flow".
What do you think about?

Sharing roadmap

Submitted by Cobra (not verified) on

Hi Brian,

Great idea to share your roadmap. I'm very happy to see circular option is for next realease ;-)
Also, I managed to simulate the same kind of behavior than the Feature Carousel, with displaying a subtitle DIV below the image once centered: but to achieve this, I had to add a new callback "movingToCenter" called at the beginning of "rotateCarousel": there, I hide the subtitle DIV. In "movedToCenter", I change its content and show it again. Maybe it could be nice if you add such callback in your next release?

Yes I can add that in.

Submitted by Brian on

Yes I can add that in. However, I'm a bit confused as to why you would use a 'movingToCenter' callback to hide the subtitle div. Maybe I'm reading it wrong. I will add in two new callbacks: - movingToCenter, called when an item begins animating to the center - movingFromCenter, called when an item begins animating to the center

Add new comment