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.
Hi, thanks your feedback, I’ll take a look at it.
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’.
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.
.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.
Thx
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
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