Discussion on CCSlider - jQuery 3d Slideshow Plugin


cosmocoder supports this item


319 comments found.

I buy and am using a CCSlider plug-in of word press. If I try to upload a picture from a plug-in, it’ll be an error. What is the cause? An error message is this. Error: File doesn’t exist Is there a use time limit of CCSlider?

This is the jQuery plugin version of CCSlider. Did you try to install this inside WP?

Yes! jQuery plugin in WP. Upload of a new picture wasn’t read any more. Regards,

I am not following you clearly. Are you saying that you deliberately want to use the jQuery plugin inside WP? If you do so then you need to follow the instructions provided in the documentation and provide the slide images in the html.


I am trying to install the CCSlider – jQuery 3d Slideshow Plugin and it gives me an error See below, Error in wordpress.org Error Code see below, The package could not be installed. PCLZIP_ERR_BAD_FORMAT (-10) : Unable to find End of Central Dir Record signature I downloaded to zip file on my computer File Name codecanyon-162445-ccslider-3d-slideshow-plugin I open up file 3 files listed _MACOSX readme and Source each can be clicked on to open more files Do I click on Source which opens jquery.ccslider-3.0.2.js and jquery.ccslider-3.0.2.min.js PLEASE HELP DO I HAVE TO EXTRACT OR COPY BOTH FILES TOGETHER AND UPLOAD TOGETHER CAN YOU PLEASE HELP LET ME KNOW WHAT TO DO Is it compatible with wordpress.org On the Demo its an assume plugin I just want to get it installed? Thank you John Stevenson parisfrance1940prints@hotmail.com

This item is a jQuery plugin. If you want to use the slider inside WordPress then you need to get the WP plugin version – http://codecanyon.net/item/ccslider-wp-3d2d-slideshow-wordpress-plugin/400692

531f8ee2-df11-4838-af74-410e0cff46a8 – 15 Nov 2016 REGULAR LICENSE

Couple questions. The first two slides have the captions nicely sliding in—the others don’t. How can I update so all captions ease in and don’t just appear?

The other question is…why on first load, does the slider extend far down on the page? Is that a css issue or script?

I really like the flexibility with this slide, but would love to address those two issues.


Thanks for purchasing!

I inspected the slider in your page and saw that you are using the exact slider initialization code as was used in one of the provided demos. As you can see that code only sets up custom animations for the captions of the first two slides. Please go over the documentation to see how to setup custom animations for your slide captions. The documentation also explains how to setup the loading screen for the slider.

531f8ee2-df11-4838-af74-410e0cff46a8 – 15 Nov 2016 REGULAR LICENSE

Very sorry I forgot to add the link!


Hi, CCSlider is the top plugin i’d liked to learn and use for a personal achievement of my knowings ! ( retired 68 ). Please tell me wether I can install it into my WISIWIG .10 Thanks a lot, have a great year :)

Thanks for your interest!

CCSlider is a jQuery plugin and you will need knowledge of JavaScript/jQuery, html and css in order to get this working in your website.


mmc501 Purchased

I have a client who is interested in your slider but has asked is there a cylinder spin transition. The image is basically to sit flat, then the transition is going to be as if it was spinning on a 3D cylinder – almost like a slot machine spinning. Is something like this possible or could it be done? Client can pay extra.

Yes, you can do that by setting its width through css.


mmc501 Purchased

I tried that but the Canvas edges don’t seem to do to the screen edge.

For 3d effects a specific width and height needs to be set in the slider settings as mentioned in the documentation, and you also need some spacing between your slider container and the canvas for the transition effects to show properly (which has also been mentioned in the documentation).


i have visual studio 2015 in visual basic

is it easy to use it in the software?

Do you support this or do you have a tutorial for this


Visual Studio is a code editor, so are you asking if you can edit and work with the CCSlider files? If so then you have to check the documentation of your code editor to see how you can work on web related files there.


I need to know if i can add the code or another way… import this plug in my website in visual studio 2015..

and I am asking if it is easy or if not.. is there a tutorial

thank you

CCSlider is a jQuery plugin and it has javascript and css files that needs to be embedded in your web page in order for it to work. I am not familiar with how Visual Studio handles files for your projects but you can work with CCSlider in any code editor. The package includes a documentation where you will find detailed instructions on how to set it up in your website.


I bought the product.. thank you

I followed the instructions and there is three small squares instead of the pictures changing

1 grey smal grey square, then 1 small bleu in the middle, and then 1 small grey to the right

it is written 1 2 3 on those squares

thanks for your help

I need a link to your page to inspect the problem.

Thank you for your answer… I managed to make it happen..

but I work for a client who would like that.. instead of the pause time… it would zoom and or move like to this link on a pc : http://www.shackdupecheur.com/?lang=fr

Is it possible to put an option added to “pause time” it would be “zoom during pause time” (true or false) and “how long in ms”

thank you

I couldn’t see any slideshow in your provide link, but CCSlider does not have a zoom animation. You need to use a different slider plugin for that.

excellent slider!. But urgent problem. I have many images in slider, also many thumbnails. the problem is thumbnails are aligned as 4 lines. it is not good. How can I hide the extra thumbnails and then show after slider flows. I am looking forward to quick kind answer.

Thanks for purchasing!

You can change the styling of the container holding the thumbnails, so that it becomes a scrollable container, and all the thumbnails are in one line. You can use the following css:
.control-links {
    overflow: auto;
    white-space: nowrap;


look at the bottom of my page.. there is a big white rectangle…


in visual studio.. it is the 3rd picture.. it appears in the right place at the top bot something make is appears at the bottom of the page too… this big rectangle is the second half of the third picture


In line 218 of your html code there is this piece of inline style that is making the body larger than it needs to be:
html,body{ margin:0; padding:0; height:3388px; width:100%; }

There is also an empty p tag and an empty div at the bottom of your page.


this is my test website… It is very very long to appear… http://infoms-001-site5.itempurl.com/Accueil_Reservation.aspx

can you explain to me how to make it faster with your plugin

i have another website : informatiquemultiservices.com

and it goes fast

i have another website in test : soistoimeme.ca

and it is very slow with the plug in

thank you


You can check the browser’s network panel to see what is slowing your site down. I see that you are using very large images that weigh 2-3 MB

Hi, I am interested to get the plugin but I need to know before is it is possible to use external custom buttons for controlling the slides.

What I need is placing some button on slide 1 that will work as an index or table of contents that link to specific slides, and placing a button on every slide that brings back to slide 1.

Is it that possible with your plugin? Thanks!

Yes, you can do all that as the plugin provides methods for navigating between slides. You can even some of this in action in the live demos.

Hi. I am looking for a slider that can do ALL of the following: - Full screen slider - Fade between images (instead of sliding or other animation) - Ability to show a random slide as the first slide, each time the page loads

Can your plug-in do any or all of these? Thanks.

This plugin supports fading transition and also you can make the slider have any size and it will resize responsively based on the parent container’s size. However the plugin does not have the feature to randomly order the images each time it loads.


yos813 Purchased


Thank you i just bought your script and seems very good im still doing some tests however it seems i have a little issue when the page load the first time it shows while loading like if the slide is going much bigger on the right the space thats allow to it

Do you have any idea where this can be coming from?

Did you use the technique suggested in the documentation to show a loading spinner until all slide images are loaded before making the slider visible?


yos813 Purchased

yes i did try that not sure why its not working? any suggestions? Thanks

I will need a link to your page to inspect the problem.


when I put your plugin everything is ok but

i cannot scroll on a tablet or a phone touching the picrtures

I tryed with a img alone and i can scroll touching it

Please help me because on the tablet the picture takes all the place and we cannot go down the website


You are still looking at the minified file, one which has “min” in its file name. I am telling you to look at the unminified file, make your edit and then load that file in your page instead of the minified file.

thank you for pointing the “min”.. I though unminified was a programming term that i didn’t know

what I did is that I deleted line 139 to 156 and now it is working

please just confirm that if I let that like that I will not have sudden problems in the futur about something else


You will have no problems except that the ability to browse the slides by touch swipe won’t work any more.

Hello ! How are you?

I cant install in Joomla 3x

No find the XML archive Please, help me

Regards Juanma

There is no xml file with this. Are you trying to install it as a Joomla plugin? This is just a jQuery plugin.


I want to put the slider : 100% width et height that will fallow

here is my code :

<style> #slider { width:; /* change width and height accordingly / height: 100%; } </style><style> #slider img { visibility: hidden; } </style><script> $(window).load(function() { $(’#slider’).ccslider({ effectType: ‘2d’, effect: ‘fadeZoom’, _3dOptions: { imageWidth: 2025, imageHeight: 1000,

/   background: #fff url("Images/images2/brochettes2.jpg") center center no-repeat;*/

How do I do please!


You will need to set the width and height on the #slider container, and ensure that all your slide images are big enough to fill the container.

Please i need to buy and install in. Y website hope it will work