Code

Discussion on CCSlider - jQuery 3d Slideshow Plugin

Discussion on CCSlider - jQuery 3d Slideshow Plugin

Cart 2,310 sales

cosmocoder supports this item

Supported

351 comments found.

We love the script, but know one on my team can figure out how to make more sliding animation text other than the first 2 that came with the template (on demo 2). we just want to duplicate the second sample animation script, but nothing seems to work. is there a script somewhere that it has 5 or 6 photos with the animation script?

Thank you!

Is there any way to keep the shadow under the photos in demo 2 (makeShadow: true) and use all the available 3d effects?

As mentioned in the documentation, the shadow is only available for “cube” 3d effects.

I’m sure I could figure it out myself, but I don’t want to mess anything up. Is there any way to remove the responsiveness? There’s some instances where I don’t need it, however I see no media queries in the CSS, so I don’t want to mess around with removing random lines. Unless theres an option to the jQuery call i’m missing in the docs?

Thanks for purchasing!

The responsive part of the slider is controlled by checking the parent width when the browser resizes. So if you set the slider parent container to have fixed width then the slider won’t resize.

Got it thanks

Hi!... I’ve just bought this slider. My qestion is, can this be installed in wordpress?... any special instructions? Thank you very much!

No it is a separate item and whose link was given in the item page of the jquery plugin version of the slider.

I cant find the link to that product… can you hel me??? Thanks

It is given at the very beginning of the item description of CCSlider. Here is the link – http://codecanyon.net/item/ccslider-wp-3d2d-slideshow-wordpress-plugin/400692

Using Jquery 2.0.0 with jquery migrate. Get undefined img object at the end of the transition. Please fix this.

Here -> [code removed]

Thanks for purchasing!

Please don’t post code from the item in the comments section. If you have to do so then contact me through my profile page message box. Also send a link to your page where the slider has been embedded and I will take a look.

Hi there:

Your slider is great, but have several issues:
  1. Freezes on 3d efects on Safari browser
  2. Doesn’t start on IE 10
  3. Here is my site

    Thanks in advance

Thanks for your quick answer. Maybe in my country we can live without Safari, but IE rules around here(sadly to say). Hope may you help me with this.

Thanks in advance.

See if adding the following in the head helps in IE:

<meta http-equiv=”X-UA-Compatible” content=”IE=9; IE=8;” />

Terrific man!

Now works smoothly and fine on IE 10. You make my day =)

Thanks for your great plugin and support.

I don’t understan when you say you can not access the link, the link http://store.brmart.com is working fine.

on this link you can see the error, the lines thats appears before the 3d

I can access the page now, previously I was getting a “server not found” error. Anyway the lines that are appearing in the slider is probably being caused the dimensions that you have set on the slider wrapper. Set dimensions that are 100px greater than the slide image dimensions. In your case the slides have a dimension of 865×357, so the slider wrapper should have a dimension of 965×457.

I owned an old version, 2.0.1 of CCSlider – jQuery 3d Slideshow Plugin, but could not access my account anymore, so I made a new account and I bought the last version. My problem is, for some reason my installation comes with vertical and horizontal risks, can tell me why and help me fix it? http://store.brmart.com

Thanks for purchasing!

I cannot access the link that you gave. Please provide a working link.

Hi! A friend bought this script and asked me to install, but for some reason there are a few horizontal and vertical lines over the images. Do you know what can be wrong?

Link: https://store.brmart.com.

Many Thanks.

Please ask your friend to post this message.

Hi, awesome plugin, great work. Just a quick note to let you know that, like a lot of my plugins, it doesn’t work with the latest jquery 1.9.1 due to the deprecated browser attribute.

http://api.jquery.com/jQuery.browser/

Thanks for purchasing!

I am aware of this, so please use the jquery migrate plugin for now. I will try to update the slider as soon as possible.

Hi there,

this might be an obsolete question but is there a commercial license for this item?

Best

No, the slider does not come with an Extended License. You only have the option of a Regular License.

Hello,

We have purchased the slider but we are not able to use the overlap navigation anymore from our site. Even if I put in the z-index it doesnt work. this is our site http://www.mod-power.com/

Thanks

Are you talking about the next/prev arrows? If so then I see that you have not styled it and hence it has zero width and height. See the demo css to find out how to style the arrows and aply a background images. The same goes for the control links.

Hi,

I will post it again.

I have some questions about the size of the image for 2D(fallback mode).

I set the size of the image like below: $('#slider').ccslider({ _3dOptions: { imageWidth: 900, mageHeight: 400 }, controlLinks: false ...

When I see it in IE7-8, the height of the image is shorter than 3D mode. Is there an option or css to set the image size for 2D fallback mode? I tried to change its css (#slider.fallback) but stays the same.

I appreciate if you give me some adviece!

Thanks,

Thanks for your reply!!! It helped a lot and I solved the problem!

Can I ask you one more question regarding prev/next navigation buttons? In defalt, the navigations are located inside the slide like the below:

.slider-nav.prev { left: -17px; } .slider-nav.next { right: -17px; }

I’d like to move these navigations outside of the image like this: http://themes.themegoods.com/kakia_wp/ So I set css like

.slider-nav.prev { left: -50px; } .slider-nav.next { right: -50px; }

but when I see it in IE7&8(2d fallback mode), the navigations are positioned ok but seems like Atag(link) is not active.

When I try to move the cursor over the navigation, it disappears. Do you have any idea how to activate the navigation? (I assume it’s something to do with css…)

The next/prev buttons are set to show up when the mouse hovers over the slider container. If you move the buttons outside the container then they show up only when you hover over the slider container, but as soon as you try to reach them your mouse hovers out of the slider container and the buttons disappear. So you have to either position the buttons inside the container, or always make them show, by editing the css and removing the display: none from their default styling.

I really appreciate your advise! I will try what you wrote. Thanks!!

Hi,

We’ve just purchased your slider and seems working great so far. I have some questions about 2D(fallback) in IE7, 8.

I set the size of rendered image to like this: _3dOptions: { imageWidth: 900, imageHeight: 400 }, but when I see the images in IE (2Dfallback mode), the images look smaller than that. It look as it is in 3D mode. How can I set the size of the image for fallback?

Thanks,

I see that you have never purchased the item. If someone else purchased it for you then ask that person to post this message.

OK, One of our team purchased your product, so I will ask her!

Hi, I’m very interested in purchasing your product but I have a question.

Can I hide the dot navigation at the bottom? I see the navigation positioned slightly strange in IE8 and I want to hide it if it’s possible. (possible to change the position of the left/right arrows, too?)

Thanks!!

Thanks for you reply!!

I know this is a stupid question but it works only in HTML5, right? Does is possibly work in XHTML, too?

It works in any html page. But you have to use the HTML5 doctype in order to make it work in IE9.

Thanks for your quick reply!!!

Hi there, nice script, looks wonderful! I’ve downloaded it just to test how it looks (on my local machine, not publicly), and I love it and like to buy the license and support.

Only I noticed a glitch in IE9, and that’s why im hesitating. You can see it here: Capture It’s like the previous picture (red one) is spread on the right side while animating. Is it fixable? I’d like to know before buying. Thanks.

forget about the script error, this one was my bad. and I found the solution ! you might want to know, the div must be direction:ltr my page is rtl (Hebrew language) so it was acting strange. thank you very much, gonna buy it in just a few days! :)

Good to know that you found the solution.

just bought it, thanks again for a wonderful slideshow :)

I would like to get an Extended License for this to implement it into my custom made CMS for my clients. How do I get an extended license from you? Or can you give me a special version that I can use for this purpose? I don’t need all the effects, just a few. I don’t have a problem giving you kudos in the code, you do magnificent work! In fact, I would like to implement some of your other work into my CMS too.

Thanks for your interest, but I am sorry to say that I do not offer Extended Licenses for my items. You can ask Support if for your case a Regular License will suffice.

How tough is this for a rookie to implement in something like a Serif Webplus site?

Thanks for your interest!

You need to have basic knowledge of html, css and javascript in order to embed the slider in your page. If you have never touched such code then it will be difficult for you.

Hello,

getting error with jQuery 1.9.1. Will you be updating to the latest version?

Uncaught TypeError: Cannot read property ‘webkit’ of undefined jquery.ccslider-3.0.1.min.js:6 b jquery.ccslider-3.0.1.min.js:6 (anonymous function) jquery.ccslider-3.0.1.min.js:6 b.extend.each jquery-1.9.1.min.js:3 b.fn.b.each jquery-1.9.1.min.js:3 c.fn.ccslider jquery.ccslider-3.0.1.min.js:6 (anonymous function) script.js:196 c jquery-1.9.1.min.js:3 p.fireWith jquery-1.9.1.min.js:3 b.extend.ready jquery-1.9.1.min.js:3 H

Chrome: Version 25.0.1364.152 OS: Mac

Thanks

Thanks for purchasing!

Since the slider uses jquery’s $.browser method you are getting those errors, since that has been deprecated in v1.9. I suggest that you use the jquery migrate plugin for now and I will try to update the slider as soon as possible.

Very nice slider i just have one question for you im using demo 2 http://codecanyon.net/item/ccslider-jquery-3d-slideshow-plugin/full_screen_preview/162445

my question is does it support different image size?

yes in just one line, and scrolls, so we can have unlimited number of thumbnails something like this http://themes.themepunch.com/?theme=kenburner_jq

You can apply white-space: nowrap to ul.control-links in the css and also give it a specific width and set overflow: auto

thank you very much

Great product! Been using it for about six months now.

Is there a way to prevent the slideshow from looping? After displaying all the slides, I would like the last one to remain showing until the user clicks away from the page. My apologies if this is in your documentation, but I couldn’t seem to find the answer.

Cheers!

Thanks for purchasing!

The slideshow will keep on cycling when you set autoplay to true. You can achieve what you want, by setting up autoplay but then using the slider api to detect when the last slide is visible and then stopping the autoplay using the stop() api command. The last slide can be detected by using the afterSlideChange api function and knowing the number of slides you have.

I understand what you are saying, but as I am not a JS programmer, I am not sure how to actually implement your instructions. I’ve just spent the last hour or so trying to figure out how to do what you said without success. (BTW, your documentation says autoplay is enabled by default, so I don’t understand why that parameter would need to be manually set up.) FWIW, I have five slides and would like the slideshow to stop on the fifth one.

Yes the autoplay is true by default, so you don’t need to explicitly set it to true. Just go over the details of the slider api functions and see the demo source codes to see how it is implemented (demo 2 for example).

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