jugend / pluit-carousel Goto Github PK

http://bower.io/

the event.preventDefault() works not for IE9

Solution would be to change al href="#" to href="javascript:void(0)"

Or a more clean solution, dont use a-tags for the navigation, instead use buttons.

Pluid is a great carousel slider but it will be better if they have configutation options on the fly.

I have the following problem maybe it is cosmetic but it will be good to fix it!

I have three images showing per panel so everytime I click to go next panel it shows me the next three images but what if the panel contains impair numbers of images?

this when it comes the cosmetic problem!

my slider is created on the fly so sometimes there is one image, not problem, two images not problem three images not problem but when it comes to the 4 image the panel moves to the next panel showing two empty spaces missing!

this means that the slider works but the panel concept I think will be good to have in count the number of images of the next panel to show so moving to the next panel having 1 image will not leave empty spaces in the next panel.

The good idea will be that when the next panel is less than the quantity of images setup per panel then when moving to the next panel (1 image there) then it moves only one images and stop scrolling showing empty spaces.

If you can fix this it will be a great slider!

the other alternative it will be that the slider will be sliding in looping when the last image is found then it still scrolls but showing the first images again like some of the most carousel concept that spining around again without moving back.

I will appreciate your reply in this issue.
best in all and great script by the way!

Andre's

This is a good example of what I mean: but this is query

http://www.queness.com/post/923/create-a-simple-infinite-carousel-with-jquery

or this one

http://coolcarousels.frebsite.nl/c/47/

The idea will be instead of panel creations for every set of images; the good improvement will be:

1. send a parameter with the number of images to show in the carousel slider

new Pluit.Carousel('#carousel-2', '#carousel-3', {
circular: true,
effect: 'fade',
showQuantity: 3
});

If the quantity is less than the showQuantity required then nothing happens when I try to go next or simply the navigation arrows are hidden for next.

If the quantity of images are superior than the showQuantity required then the next arrow show and I can only move to the next set of images until found the last, not leaving empty spaces.

this means

if I have 6 images not problem and I move next then it shows me the next 3 images of the 6

if I have 5 images then it shows me the first 3 images and when I go next it moves two images
until complete the showQuantity required without leaving 2 spaces empty!

I hope I make myself clear with this to explain my concept that will be great to have it in this amazing carousel as improvement!

2. When I reach the last image I can also set a paramenter endlessScroll: true and this way I can keep going next and looping again from the begining without showing I am going back.

Anyway the arrows previous or next are there to go next or back all the time!

new Pluit.Carousel('#carousel-2', '#carousel-3', {
circular: true,
effect: 'fade',
showQuantity: 3
endlessScroll: true,
});

I forgot to add this scroller in this slider it is something I meant that you can scroll only until last image is found!

http://www.friendlyrentals.com/PropertyDetails.aspx?CultureCode=en-GB&RegionId=1&PropertyId=4764&OrigenId=7&ControlConfig=5

regards!

I am trying to use the plugin with prototype 1.7.1 and I am getting this error in my firebug console.
this.elCarousel is null
this.elViewport = this.elCarousel.....' + this.options.viewportClassName); pluit-carousel.js (line 78)