351 comments found.
Hi Cosmocoder, first: Great work, thanks a lot!!
Now I have 2 questions: 1) I have a 2d slideshow with just 2 small images. I’ve noticed that both images are displayed, probably until the javascript is loaded completely. After 2-3 seconds it works fine. How could I prevent this? 2) Similar to previous question from mhasanoff, I’ve seen some performance issue especially on mobile phones with 3d effects. Is it possible to detect such browsers / hardware with limited resources and automatically use 2d in such cases? Many thanks!
Thanks for purchasing!
In response to your questions:
1) If you are using the window load method (as mentioned in the documentation) then the script will start to work after all the elements in your page have loaded. If you are not using that method then of course you have to wait until the script is loaded.
2) It is currently not possible to detect mobile browsers. I will explore this issue in the future.
Hi,
I’m interested in the slider however on the ipad & iphone ios and certain netbooks and slower computers the 3D transitions are not smooth whatsoever.
However this 3d slider http://tympanus.net/codrops/2011/09/05/slicebox-3d-image-slider/ has smooth transitions.
Is there any tweaks we can make for your slider to become as smooth as the example I have shown you. Why is it not as smooth
Thankyou.
Thanks for your interest!
CCSlider uses HTML5 Canvas for 3d transitions whereas the example slider that you posted uses CSS 3d transforms for the animations. Therefore there is a performance difference. If you use smaller sized slideshows then CCSlider will also be smooth in iPad/iPhone. HTML5 Canvas has the advantage that it has much wider support than CSS 3d transitions, which at the moment only works in Webkit and Firefox, whereas Canvas works even in IE9 and Opera.
Hi
I am currently looking to purchase your slider. It looks really cool and perfect for the website I am currently developing. Do you have links to any sites currently using your slider. I would love to see how others have varied the slider and implemented it to suit different site types.
Cheers Francis
Thanks for your interest!
I do not have any such links because customers do not leave such links. You can search the comments to see if customers have left any links.
Hy! I’m having some troubles with slider and I would be grateful if you help me out here.. There are two DIV elements: “slider” and “slider-innerWrapper”. If I set “slider” to the same height as the animation then the control links appear in the animation block.. If I make height for “slider” higher, then the “slider-innerWrapper” is vertically aligned to the center. Now, since the slider is on top of the page, the top “padding” is way too much.. Is there a simple way so that the “slider-innerWrapper” is aligned to the top of the “slider” div? I hope you understand what my problem is..
Thanks for purchasing!
It would be helpful if you could give me a link to your page, otherwise I won’t be able to provide suggestions. But I should point out that div.slider-innerWrapper stretches to the full size of div#slider and also it is used internally by the plugin and you don’t have to worry about it.
I hope that the images will be OK since I’m working on localhost..
This image: http://moj-streznik.si/_stuff/2012-06-07_12-36.jpg shows that the #slider class has height 200px. The control links at the bottom are (lines instead of default circels) seen in the slider itself.$('#slider').ccslider({ has imageHeight: 200.
Now, if i make height in #slider class 250px I get this:
http://moj-streznik.si/_stuff/2012-06-07_12-37.jpg
The control links are outside the slider images BUT the “top padding” is now too tall, since the height of the #slider is 250px and $('#slider').ccslider({ still has imageHeight: 200. The slider-innerWrapper is vertically centered in #slider..
Do you see what I want?
You have to set the dimensions of the slider to be at least 100px greater than the slide image dimensions in order to give space for the 3d animations.This has been mentioned in the documentation also.
As for the control links I think something else is conflicting with the slider styles or you have made some wrong edits to the css. I cannot offer any further suggestions without actually have a live link to the page.
Hello cosmocoder, I am the friend she is talking about. I made the purchase and was the person that asked ValleDesign to help me install and configure it on my wedding website. While I was trying to upload more photos into it I realized that I could not figure out how to delete an image. I also do not like the lines that show up before the animation, they did not appear on your sample images. Do you need any other bits of information to discuss these issues?
Are you talking about the CCSlider jquery plugin or the WP plugin? I see that you have not purchased the jquery plugin and from your description it seems that you are talking about the WP plugin. So please post your comment in the comments section for the CCSlider WP plugin.
I am having 2 issues with the plugin. 1) There is a line that is going through the images where it is sliced. Is there a way to get rid of that line so that when it’s not in transition there aren’t lines going through it. 2) How do you remove an image from a slideshow? There is no “remove” or “delete” button.
I see that you have never purchased the slider so how are you using it?
I am programming a website for a friend that purchased it. When I found this plugin I had him purchase it for his site and we’re having some issues with it.
I’m having issues with the sides of the slides (innerSlideColor) showing up behind transparent PNG ’s and sometimes in front of non-transparent PNG ’s. See http://www.yoxthimer.com/index2.php for an example.
Thanks for purchasing!
When you are using transparent images such as yours then you have to set the innerSideColor to transparent. Do it like this – innerSideColor: 'rgba(0, 0, 0, 0)'
I did that and I’m still having an issue. There are now white lines in my graphics, even non-transparent ones.
Set the width/height of div#slider to be 100px greater than the slide image dimensions. Since your slides have dimension 413×257 therefore div#slider should have a size of 513×357 px.
Hi, We are having issuses with your slider and other HTML elements in IE7 . So please can you check site on this address : http://manifest.hr/defensecode/ Bug is in dropdown menu which is appearing under slider. (and it is happening only in IE7 )
We had tried adjusting z-index of dropdown menu, but unfortunatelly that fix didn’t work.
Thanks and any suggestions would be appreciated.
That problem is happening in other browsers like firefox also, and the cause of it is that you have placed a z-index of 10 on div#slider. Remove it and the dropdown will appear above the slider because the dropdown already has a z-index of 10.
hi can i add an extern link to images ?
yes you can , see the item description.
Really love the slide show… Just have a quick question, How do I delay the amount of time a slide / image is static on a page?
Thanks for purchasing!
Use ‘pauseTime’. See the documentation.
Should this work in iOS Safari too ?
I have not tested it in iOS so I cannot say how well it will work there, but Safari for mobile has the necessary features to support this slider, so it should work. You can try out the demo in iOS and see how well it works there.
Hello
The Slider is not working on my site, the only thing that appears its the loader animation, but it never load the images, here I leave a link to a section where I have a slide in my site http://invefi.mx/En/portfolio/sembrando-virtudescosechando-valores-seeding-virtuesreaping-values/
Thanks
I believe you had purchased the WP version of the slider. So post your comment there instead of here.
Hi,
Just wanted to say thanks for an amazing plugin and for providing great, in-depth documentation. Implementing it on my site has been a doodle 
Thanks for purchasing!
I am happy to know that you like the item
Thanks for purchasing!
The slider seems to be working fine in IE9 , had no crashes. Don’t know what is wrong in IE8 . Maybe your html/css is getting malformed or not properly parsed by IE8 .
Yes, now it works 
. Great, thank you for your quick support.
Thanks for purchasing!
One of your images, “Pilatus.jpg” is missing and has a 404 error so that’s why the slider is not working. All of your referenced images in the html page need to be actually present for the slider to work.
I bought this plugin and installed as normal plugins.But when i tried to upload the image it throws warning ‘File is too large’. I customized maximum upload size in php.ini file from 2M to 32M,still no luck!!!.
Please help how can i overcome this error to get proceed…......! Really stucked!!
Are you referring to the jquery plugin version of CCSlider or the Wordpress plugin version? The jquery plugin does not support uploading of images. If you have bought the Wordpress plugin version then please post a comment on that item page.
For some reason I can’t get the slider to display the 3D Cube effects in IE. It looks great in Firefox. How do I get it to work?
Thanks for purchasing!
The 3d effects only work in IE9 but not in IE8 and below as has been mentioned clearly in the item page.
Hi,
I’m trying to get the custom HTML content for each slide to work and am having a bit of trouble. It works fine on a simple html page, but I’m trying to use it with WordPress. The html content divs aren’t showing. I noticed that your WordPress plugin doesn’t include html content for each slide. Is there a reason for that? Do you know of a way to get it to work by chance?
Thanks for the great plugin.
I have replied to your email.
Hello there,
Is there a way to add a Title attribute to the thumbnail images? I would like the user to be able to rollover the thumbnail to reveal a small bit of descriptive text.
Thank you,
Heidi
There is currently no way to add title attributes to the thumbnails images, maybe sometime in the future.
