Code

Discussion on jQuery Responsive Carousel

Discussion on jQuery Responsive Carousel

By
Cart 136 sales

sike does not currently provide support for this item.

19 comments found.

Hi,

the script is super ! i have a question : how to center vertically the lightbox ? on my screen the lightbox is at the bottom of the screen…

thank you pierre

Hi,

the script is super ! i have a question : how to center vertically the lightbox ? on my screen the lightbox is at the bottom of the screen…

thank you pierre

Hi,

i bought your carousel and have a question :

is it possible to have the lightbox enabled and after click on the image in the lighbox to go to a page of the website ?

thank you pierre

Hello. I have a little problem with your banner. I have an responsive wrapper Width and i want to use % for thumbWidth then i can allways scale Down without problem or empty Space on the right side. is it possible to use % ??? fks.

thumbWidth : 410, thumbWidth : 32%,

How do you get it not to go back to the beginning so if there are only 5 images when you get to the 5 image the rest are blank till you hit back?

What minimum version of jquer is required with this?

1.8? Why not update to the latest version?
Regards

Wont work with 1.7?

Please, give me answer ASAP!!!

Hi, you’ve to customize the code to change the navigation.
Regards

Hello sike.

It’s a greate plugin! But it isn’t 100% compatible with IE10. Our team has installed the carousel in a client project, and after first loop it loops forever (and don’t stop).

So, we installed in a local server, same thing.

Opened the original file (twice downloaded directly via CodeCanyon) and, for our surprise, the same problem.

Thank you in advance.

Ok sike, thank you! I’ll wait your update or an idea – ‘how’ – to fix it :)

Anu updates Sike? Unfortunately it isn’t compatible with IE10 (and we bought exactly because the ‘full compatibility’.

Hi sorry for the late reply, please send me a message via the contact form via my profile page, then I can send you the update files via email.
Or you can fix it by yourself, just add a unbind inside each animation bind block, like:
itemList[i].bind("animationend webkitAnimationEnd oAnimationEnd MSAnimationEnd", function(){
                            $(this).unbind("animationend webkitAnimationEnd oAnimationEnd MSAnimationEnd");
                            $(this).hide();
                        });
There is 4 blocks in the js file. I’ll update this item soon.
Regards

Hello,

I just added this to my website. I’m displaying 4 images out of a possible 10, using the arrows with slideShow set to false and arrowAutoHide set to false. It works great with Safari, Chrome, and IE9, but has a problem with IE10 after I’ve scrolled through all available images. The previously displayed images are in a constant state of animation. Please advise.

Thanks.

hii, is it possible to show multiple rows ?

Hi, right now it only support one row, you can customize the code to support multiple rows.

Animation is only the first 11 images :( When there are more pictures, look bad.

Hi, you can add more animate css to support more elements like:
.animate10{
       -webkit-animation-duration: .5s;
    -webkit-animation-delay: 2s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-duration: .5s;
    -moz-animation-delay: 2s;
    -moz-animation-timing-function: ease;
    -ms-animation-duration: .5s;
    -ms-animation-delay: 2s;
    -ms-animation-timing-function: ease;
    -ms-animation-fill-mode: both;
    animation-duration: .5s;
    animation-delay: 2s;
    animation-timing-function: ease;
    animation-fill-mode: both;
}
.animate11{
       -webkit-animation-duration: .5s;
    -webkit-animation-delay: 2.2s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-duration: .5s;
    -moz-animation-delay: 2.2s;
    -moz-animation-timing-function: ease;
    -ms-animation-duration: .5s;
    -ms-animation-delay: 2.2s;
    -ms-animation-timing-function: ease;
    -ms-animation-fill-mode: both;
    animation-duration: .5s;
    animation-delay: 2.2s;
    animation-timing-function: ease;
    animation-fill-mode: both;
}
.animate12{
       -webkit-animation-duration: .5s;
    -webkit-animation-delay: 2.4s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-duration: .5s;
    -moz-animation-delay: 2.4s;
    -moz-animation-timing-function: ease;
    -ms-animation-duration: .5s;
    -ms-animation-delay: 2.4s;
    -ms-animation-timing-function: ease;
    -ms-animation-fill-mode: both;
    animation-duration: .5s;
    animation-delay: 2.4s;
    animation-timing-function: ease;
    animation-fill-mode: both;
}

.animate13{
       -webkit-animation-duration: .5s;
    -webkit-animation-delay: 2.6s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-duration: .5s;
    -moz-animation-delay: 2.6s;
    -moz-animation-timing-function: ease;
    -ms-animation-duration: .5s;
    -ms-animation-delay: 2.6s;
    -ms-animation-timing-function: ease;
    -ms-animation-fill-mode: both;
    animation-duration: .5s;
    animation-delay: 2.6s;
    animation-timing-function: ease;
    animation-fill-mode: both;
}

.animate14{
       -webkit-animation-duration: .5s;
    -webkit-animation-delay: 2.8s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-duration: .5s;
    -moz-animation-delay: 2.8s;
    -moz-animation-timing-function: ease;
    -ms-animation-duration: .5s;
    -ms-animation-delay: 2.8s;
    -ms-animation-timing-function: ease;
    -ms-animation-fill-mode: both;
    animation-duration: .5s;
    animation-delay: 2.8s;
    animation-timing-function: ease;
    animation-fill-mode: both;
}

.animate15{
       -webkit-animation-duration: .5s;
    -webkit-animation-delay: 3s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-duration: .5s;
    -moz-animation-delay: 3s;
    -moz-animation-timing-function: ease;
    -ms-animation-duration: .5s;
    -ms-animation-delay: 3s;
    -ms-animation-timing-function: ease;
    -ms-animation-fill-mode: both;
    animation-duration: .5s;
    animation-delay: 3s;
    animation-timing-function: ease;
    animation-fill-mode: both;
}
.animate16{
       -webkit-animation-duration: .5s;
    -webkit-animation-delay: 3.2s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-duration: .5s;
    -moz-animation-delay: 3.2s;
    -moz-animation-timing-function: ease;
    -ms-animation-duration: .5s;
    -ms-animation-delay: 3.2s;
    -ms-animation-timing-function: ease;
    -ms-animation-fill-mode: both;
    animation-duration: .5s;
    animation-delay: 3.2s;
    animation-timing-function: ease;
    animation-fill-mode: both;
}
.animate17{
       -webkit-animation-duration: .5s;
    -webkit-animation-delay: 3.4s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-duration: .5s;
    -moz-animation-delay: 3.4s;
    -moz-animation-timing-function: ease;
    -ms-animation-duration: .5s;
    -ms-animation-delay: 3.4s;
    -ms-animation-timing-function: ease;
    -ms-animation-fill-mode: both;
    animation-duration: .5s;
    animation-delay: 3.4s;
    animation-timing-function: ease;
    animation-fill-mode: both;
}
This will support up to 18 images.

Hi, You’ve done great job with this slider! And I really want to buy it.

I have one question. If I buy extended lisence could I use this slider in my new template on themeforest?

Hi yes, you can. And I appreciate if you can put this item in your description.
Regards

Thanks for reply! I have one more question here.
Tell me please if it’s possible to customize the plugin to navigate via bullets, not arrows?
https://dl.dropboxusercontent.com/u/42530416/bul.PNG

Greetings Sike,

The carousel is really nice. Everything is working properly with the exception that when opening prettyPhoto (i.e. lightbox) by clicking on an image several blank image placeholders appear in the lightbox thumbnails. I have tripled checked to ensure that all image references are accounted for in my html code and yet still I can’t seem to fix the issue. Any suggestions? Your help would be very much appreciated.

GCode

So have you added the less “crazy” transitions?

This is actually really annoying. There are very few fully responsive carousels available and this one is excellent, but you’ve added all these ridiculous transitions into it and not bothered to add the most commercially appropriate standard scroll. No commercial site could use these transitions, they’re hectic.

If you could add a standard scroll it would be much appreciated.

Hi Sike. I purchased this. Is it possible to simply use a standard slide rather than the animations which are quite hectic? I want a standard carousel slide/scroll through.

an offer! Replace some pictures instead of numbers to show your code’s abilities more..because it show your code more beautiful and can effect on your sales.. ;) Thank you for your nice code sike..I really liked it ;)

an offer! Replace some pictures instead of numbers to show your code’s abilities more..because it show your code more beautiful and can effect on your sales.. ;) Thank you for your nice code sike..I really liked it ;)

Hi – can you add a hyperlink to each image to open up a page on clicking it – rather than linking to that image file or opening a lightbox? Thanks

Hi yes, the HTML in the item block (li element) can be everything.

Thanks – will give it a try!

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey