351 comments found.
How weird! I just checked again and it’s still the same. Firefox, Opera, Chrome are all fine but IE is not showing the page. Cleary it must be something gone awry with my setup…I was having a look at a preview theme on Themeforest and got something like ‘PC Tools has blocked this website as it’s on a banned list’ like’ Whaat? That’s the last thing you expect to see on themeforest/code canyon/envato site. That was in all browsers too! And yet other previews are fine.
Anyway, I’ll assume this prob is unique to me and ignore it. I’ve tested it in the smart phone emulators and it degrades beautifully in Landscape mode – in Portrait Mode though, the captions don’t scale so cover too much of the slider and also half the text is cut of on some of them. Is this fixable (I’m comfortable tweaking CSS or a small amount of php.)
Regards
The dimensions of the caption container are determined by the amount of content inside it, but still you can tweak the css properties to reduce/limit the caption content area.
I stand corrected, it won’t even show the page with the frame at the top in IE8 as it redirects to the 403.
Thanks for your interest!
I checked the demo in IE8 and it showed up perfectly there, both with and without the top bar. The Codecanyon demo server may have been experiencing some problems when you checked. But I assure you the slider works perfectly in IE8 and when the 3d mode is chosen, it falls back to 2d mode there.
I’m really interested in this plugin for my client sites – though it sucks the 3d effect is useless for IE – however when I check your demo in IE8 (wanted to see what the 2ds fallback mode looked like) it says ‘the website declined to show the page’ error 403. If I leave the top bar there it shows but it’s all messed up, when I remove it I get that error.
Why is it doing that?
Issue resize landscape/portrait in media queries
Hi,
I’m trying to optimize ccslider in mobile version of my website, It works very well when I put it in a standard css layout but I need to use it in CSS3 Media Queries and It doesn’t work well in these cases, because It can’t resize from landscape to portrait and vice versa. You can see my test to this experimental and temporary url: http://www.gcaretta.it/stefano/SITO-LAVORO/index.mob.htmlI tried several times to test ccslider without putting it in media queries, but it’s complicated to keep the overall website structure for mobile devices and also because It needs images of large size that cause continue crashes to my smartphone (xperia u browser).
Ehm… I’m sorry about my english… I hope I was clear :/
Thanks in advance.
Thanks for purchasing!
I see that you are using an older version of CCSlider. Please download the latest version (3.0.1) which is fully responsive. The slider will change its dimensions based on the window width (orientation also) and also on the parent container’s width. maintaining the aspect ratio.
Ehm…sorry I maybe wrong to reply (I clicked on report…). However I also have the same problems with the last version… I wrote this in report. Thanks and sorry again…
The slider is not resizing because you have put the slider in a container of fixed width (436px) which does not change when browser window width changes. Place the slider on its own or make the parent container have a fluid responsive width.
Thanks, I had already tried to put it in a different container and now I’ve tried to set width of container div at 100%, but it always moves to the left and doesn’t stay in the middle of window. 
This problem is “caused” by me, because I cancelled basic csslider code for using it in my css style and now it doesn’t remain in the centre without a container of fixed width and margin auto. How can I fix this alignment error?
Just set left and right margin of the slider to auto, to center it.
Thank you a lot! Now it works great! In the previous version (2.0.1) I tried several times to set the margins directly in the slider div but it didn’t fix the issue.
Thanks, well done for your help and congratulations for your job! 
Sorry again! A new problem about images in the slider. I’ve resized them (387×146) to avoid crashes browser, but now lines appear on the images in smartphone’s display. I have also tried to set:
[code] objFocalLength = objDepth === 10 ? 300 : imageWidth > 300 ? objDepth + 60 : objDepth + 30; [/code]
and many others numeric values, but nothing.
Any suggestions? Thanks very-very much!
Set the dimensions of the slider wrapper to 100px greater than the slide dimensions, i.e. make it 487×246.
Hi, I’ve tried to set 100px greater but “pre-animation” lines remain in the images. I’ve also tried with many different numeric value in the same part of code that solved the problem in the older version 2.0.1.
objFocalLength = objDepth === 10 ? 500 : imageWidth > 500 ? objDepth + 100 : objDepth + 50;
I’ve decreased them in proportion to images dimensions, but no results.
I don’t see any lines in the slider in your page (if you are still talking about the slider in http://www.gcaretta.it/stefano/SITO-LAVORO/index.mob.html ).
Yes, it’s that url, but the problem is visible only in android browser on smartphones and not in pc browser. Is it correct to resize objFocalLength values in proportion to the images, isn’t it?
No, that should remain the same for all image sizes, use the original code as provided in the package. Further it won’t cause the “lines” that you see. They are probably caused by some problematic rendering of Canvas in Android.
Yet I was able to solve these problems by adjusting those parameters in previous tests. I will do other tests, I need to fix issue for correct display on mobile devices.
However, thanks!
This a really nice plugin. However, I’m trying to integrate it in Joomla and it doesn’t work at all. Even with 3.0.1 version. I cannot navigate through the slideshow with the arrows and it’s stopping and freezing at the last picture. I use Joomla 2.5.7 combined with Jumi to implement it inside the page. Any solution ?
Thanks for purchasing!
It should not be much of a problem to run the slider inside Joomla. You just have to reference the slider css and js files and then initialize it. Please provide a link to your page so that I can inspect the problem.
Is there anyway I can get just a plain jane html demo without all the extra code? I’m having problems just getting the slider to work on a blank html document. The only place I see it work is in the demo but I’m not talented enough with css to grab it and put it in my own pages without a conflict of some sort.
Replied to your email.
I was wondering if there was any way to make it smaller like 480×450. I have a smaller place to put it and every time I try and make it smaller it disappears on me. Any help would be appreciated!
Thanks for purchasing!
Yes you can certainly make it smaller. If you are having troubles then please contact me through the message box in my profile page and provide a link to your page.
I just upload 2 more test:
demo 3:
http://ec2-23-21-29-125.compute-1.amazonaws.com/test/Source/demo/demo3.html980×350 size, 1 slice. Strange slices yet.
demo 4:
http://ec2-23-21-29-125.compute-1.amazonaws.com/test/Source/demo/demo3.html900×350 3 slices. Looks good.
I need 980×350, 1 slice.
Thanks!
Hi, very nice work!.
I’m having a problem with a image of 980×350px, 3d cubeUP effect, and 1 slice, it seems related to 1 slice more like the size, a demo here:
http://ec2-23-21-29-125.compute-1.amazonaws.com/test/Source/demo/index.htmlImages got a strange slice, in the second image is very remarkable on black letters.
In demo 2, the same but 3 slices:
http://ec2-23-21-29-125.compute-1.amazonaws.com/test/Source/demo/demo2.htmlLooks better, but not perfect.
what do you think? Thank you.
Thanks for purchasing!
Could you please clarify what is the problem exactly, because the slider demos that you posted seem to work perfectly.
Hi!,
I just figure out the problem is FIREFOX AND CHROME , IE9 and SAFARI Looks perfect!
See this screenshot:
http://ec2-23-21-29-125.compute-1.amazonaws.com/test/Source/demo/screen.pngMust be a problem in the Canvas rendering in these browsers probably. I will have a look into it.
I had to flag your comment because you had placed a direct link to the sliders source files. Please contact me through the message box in my profile page with any links that you might have. Also remove all previous links that you had posted, i.e. make them offline.
you’re right sorry, all files were deleted.
Hi, Could you reviewed that problem? thank you
Please contact me through the message box in my profile page about this problem.
Hello, I just bougt this slider:
http://codecanyon.net/item/ccslider-jquery-3d-slideshow plugin/full_screen_preview/162445?ref=themespottersand now using on ma web site. There is just one problem, I can not after click on picture open URL link in new window – how can I do that?
thank you
v
Replied to your email.
Wonderful product! Learning and having fun with it at the same time.
However, I’m having a couple of issues that I’m hoping you can assist with:
1. Setting directionNav: false causes the last image referenced in my code to be displayed first, yet it still displays the caption for what should’ve been the first image. I tested this with one of your sample files, as well.
2. Am I able to have the images auto play without having the pause graphic appear on hover?
My test page is currently located at http://www.ddc.musc.edu/launchPage.cfm.
Thanks!
Thanks for purchasing!
1) I cannot reproduce this issue in my testing. I saw your slider initialization code and noticed that you did not have commas after some of the parameters. That could be the cause of the problem.
2) If you don’t want the play/pause button to appear then just set that to display none in the slider css. Use !important when setting them to display none.
Thank you very much for your quick reply.
Unfortunately, I could not find any parameters that were missing required commas. The only js I added was:
$(window).load(function() {
$('#slider').ccslider( {
effectType: '2d',
effect: 'fade',
pauseTime: 5000,
captionAnimationSpeed: 1000,
directionNav: false
});
});
However, upon further testing, it appears that changing to 2d in combination with setting directionNav: false produces the error in behavior I explained earlier.
In fact, I added directionNav: false to one of your 2d sample files (demo4.html) and it produced the same unfortunate results that I got with my page. Suggestions?
Cheers! 
I saw the problem in the demo file that you were mentioning. I was under the impression that I had submitted the fix for that bug in my last update, but apparently not. Please contact me through the message box in my profile page and I will send you the updated file. I will submit an official update later.
Hi,
Thank for the awesome product. I hate to ask, but I’m dumbfounded. Is there anyway I can get a demo with no extra css styling and whatnot? I seem to have a learning disability when it comes to css/js and am having problems getting the slider to function on my page. I did as instructed with the documentation but it doesn’t work for me. The demos load fine so I know it works, just not on my blank html page I’m trying to put a slider on.
Perhaps a VERY basic, only the minimum required code example. From there I imagine I can just add to it till it does all the awesome stuff your demo does.
Thanks for purchasing!
Please contact me through the message box in my profile page about this and I will try to send you a simplified demo.
Hi, I bought the ccslider, but unfortunately it causes Safari 6 on OSX 10 .8 to freeze after a few transitions, every time.
http://www.trimod.ca/index2.phpTried with a few macs on different networks, same result.
It crashes on your demo page too. Any workaround?
Thanks for purchasing!
Safari on OSX since Lion has had a few problems regarding HTML5 Canvas and this is why it sometimes crashes. Unfortunately this is something that I can’t help you with and we can only hope that the Safari Dev team fixes this soon. Meanwhile you can reduce the number of slices and see if that helps.
Sorry, i was testing another set of slider…. could you please check this:
http://www.acampamentoaguiasdaserra.com.br/mirage/index3d.htmlreally sorry for that. The ccslider is insite scripts/csslider/
I checked your page and as I suspected the slider images do not have the correct path set in the css and are giving rise to 404 errors. Find the correct path for the images and set that in the css.
First of all: your slider is perfect! Good job.
I’m changing my website, but I having trouble with the buttons – they are not appering. Could you please help?
http://www.acampamentoaguiasdaserra.com.br/mirage/index.htmlThe loading imageand the next and prev buttons are not appering. The bullets are showing but without the image. I should making something worng, but i dont founded when.
Thank you in advance.
Thanks for purchasing!
I don’t see the slider on your page, have you disabled it? If the button images are not appearing then the most probable cause is that they are not in the correct path. See if they are in the correct path with respect to the css file.
Hi! First off, thanks for bringing us a great plugin!
I love it–it’s easy to use and looks amazing.
I am experiencing some issues with the handling of captions, though. It seems that the beforeAnimation call is made correctly (which hides the caption) but right after it has been hidden, it is shown again (even before the next slide starts animating in). If the following slide has no caption, the caption for the previous slide is show, and if the following slide does have a caption, it is shown after the slide transition animation is completed (but the caption is obviously shown without animation because it is already visible). I am experiencing no matter which settings i use to construct the ccslider object (as long as captions are enabled).
Have a look at this video showing the problem: https://dl.dropbox.com/u/34412/videos/captions_problem.m4v
Is anyone else experiencing this? Is there anything I can do to remedy this?
Keep up the good work!
Thanks, Nick
Thanks for purchasing!
Seeing your video I wonder if there is some style conflict anywhere. You can clearly see in the slider demo that this problem does not occur. Please contact me though my profile page message box with a link to your page.
Hi again!
I found the problem. I had a css contamination issue involving the fact that I class called “bottom,” which obviously you did as well…
Thanks!
Good to know that you sorted it out.
Thanks for getting back to me. This is how it looks on an iPad/iPhone when the device is rotated to a horizontal position.
That is strange! The slider works and resizes just fine when I change the orientation in my iPad from landscape to portrait and vice versa. What generation iPad are you using?
I recently download the CCSlider – jQuery 3d Slideshow Plugin for a website that was originally built with flash sliders. The main idea behind changing the format of the slider was that it would enhance the use of tablet and mobile devices. I created a demo page to test the new sliders (created with the HTML5 CCSlider Plugin) before going live on the main website. The demo website that I built (web address below) is not properly resizing the sliders for mobile and tablet devices. In addition, the transitions in between the sliders are lagging. http://www.cleanburn.com/noflash/ I was wondering if this has been any issues like this in the past for other users and if there is any advice you could give me to correct this problem as soon as possible. Hope to hear from you soon.
Thanks, Graham
Hi Graham
You already sent me an email in this regard and I replied to you. Didn’t you get my email? Anyway as I said in my email, I found no problems in your page and the slider is resizing perfectly in both desktop and mobile browsers.
Hello there, the banner is awesome, looks good loads fast. There is anyway to load the images randomly? Thanks
Thanks for purchasing!
Do you mean randomly changing the order of slides when the page loads? If so then the slider does not have this feature.
$('#slider').bind('beforeSlideChange', function(index){
alert('Slide'+ (index+1) +' is about to become visible');
});
OUTPUT :
Slide[object Object]1 is about to become visible
Thanks for your assistance
Thanks for purchasing!
You are writing the callback function as function(index) whereas it should be written as function(e, index), where e denotes the event object and it is always the first parameter in the callback function of an event. The second parameter is the index number of the slide that you are after. I will also correct the documentation regarding this in a future update.
