351 comments found.
Hello,
Is there a way of making a link to a specific slide from a different page? For example from page1.html to page2.html#slide2
Many thanks
Sorry, you cannot link to a specific slide. However the slider api does provide a method to access a specific slide, which I don’t know if it will be useful for your purpose.
I have a pre-sale question. We would like to take your base code and build a Joomla extension with it. Is your code available under the Extended License so that we can include this in our paid services that we offer. Thanks!
I am sorry to say that is not possible.
Hi, After purchasing it, can I develop Opencart module and sell it and sharing income with you?
Sorry, that cannot be done.
The 2d fadeSlide is moving in the opposite direction to my swipe on the iPad
I will look into it.
I read in a previous comment you had a fix for IE which I added, it’s still crashing in Safari, what it causing this and how can I fix it?
Thanks for purchasing!
Please elaborate on what IE fix you are talking about. Also the slider no longer crashes in the latest version of Safari. It seems that the Safari Dev has at long last fixed the problem.
I have Safari 6.0.5 which I think is the latest?
I’ve also found that the right half of the cubes disappear when the screen is smaller than about 400px. These are my settings…
$('#slider').ccslider({
effectType: '3d',
effect: 'cubeUp',
_3dOptions: {
slices: 16,
imageWidth: 1200,
imageHeight: 300,
easing: 'easeInOutElastic',
delay: 50,
depthOffset: 200,
delayDir: 'fromCentre',
sliceGap: 30,
makeShadow: false,
fallBack: 'fade'
},
animSpeed: 3000,
pauseTime: 5000,
captions: false
});The IE fix from the next page of comments <meta http-equiv=”X-UA-Compatible” content=”IE=9; IE=8;” />
Yes 6.0.5 is the latest version of Safari, and when I try the slider demo in that Safari does not crash. Maybe it crashes for you because you are using a large slide dimension with lots of slices, and it becomes too much for the browser to handle. Try the slider demos and see what happens.
As for the IE fix you have pointed out, it is useful if you are having problems with IE10.
The crashes in Safari are at random times so I tried the live demo again, it froze after about 4 minutes.
The cubes disappearing (tested with the live demo) at a small screen width happens in Safari, Chrome, Firefox, and in IE8 I get 403 error. The browsers (excluding Safari) are the latest versions for Windows XP.
Sorry, I don’t mean to pick it all apart it’s an awesome script. I just need to get it working consistently with the popular browsers.
Try disabling the Google search box in Safari and enable Bing instead.
Also are you trying the slider demos from Codecanyon servers in XP? If so then these servers are sometimes problematic in XP. Try the demos supplied with the package that you downloaded.
I don’t have a separate search box for google, only the address bar. I tried changing default search in preferences to Bing but still crashes. This is a browser change though, not something I have control of client side.
Yes, I tried my own slider in the browsers before the Codecanyon demos.
I am using Safari 6.0.5 on the latest version of OS X 10.8.4 and have no problems with the slider crashing. But even so this particular problem is beyond my power to fix as this is purely a browser issue.
I see the “missing cubes” problem that you mention and this can happen when the slider is resized too much beyond its original declared dimensions, as this sometimes interferes with the 3d rendering. But this happens only in the desktop, if you try the slider in a mobile device then this problem is not there.
Ok I’ll just make it 2d for Safari and 3d for the others with fallback, it seems to work all round like that. Thanks for your help.
You are welcome!
is it possible to add timer indicator (bar or circle) ?
You are welcome to edit the slider code to add such a timer indicator.
if i can do that i dont buy it.
For those who are just starting to use this, the documentation fails to mention you need the following meta tag in your header:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Thanks for purchasing!
That piece of code is certainly not required for the slider to work. It is only required if you are making a responsive site, and that is true for any responsive site whether that has the slider in it or not.
i can’t figure out how to change the size.. I’m sure its really easy but i followed the instructions and it will only show in one size.. i need it wider.. if you can help i would appreciate it.. thanks
Thanks for purchasing!
For 3d mode you need to mention the width and height of the slider in the imageWidth and imageHeight parameters. Of course the dimensions of the wrapping container of the slider should also be sufficiently large and should be at least 100px greater than the dimensions that you mention in the above parameters.
For the 2d mode the slider size is determined automatically based on the size of the slide images.
Thank you very much.
I want to ask a pre purchase qestions: Can I embed vimeo code to the 1 slide? Many thanks!
The slider supports custom html code for each slide. So you can embed videos using this process, whether they are HTML5 videos or Youtube/Vimeo.
Please be aware that this slideshow only works with images of the same size… if you have a large number of images of different sizes, it will resize, rather than select a fixed image area. It could be easily updated with this feature by using this plugin: http://odyniec.net/projects/imgareaselect/ – but my request for this was declined.
Just a quick note to people who want to use this for more advanced purposes won’t waste their money like I did.
I just bought this slideshow, but my images all have different heights and the script just resizes them instead of showing a fixed region of the images. They all need to show with the same height and width…
Thanks for purchasing!
As has been explained in the documentation, for the 3d mode you need to mention the slide dimensions in the plugin settings and the slider will resize all the images accordingly. For the 2d mode the slider will determine its size based on the dimensions of the slide images. So overall it is best if you provide all slide images with the same dimensions.
It just resizes them, messing up the ratios 
It has to show a part of the image defined by the dimensions, so a cropping effect… Of course not all images are not exactly the same dimension… The images in my slideshow are pulled from a db with php… They need to show portfolios of users. Can’t ask people to crop their images so they fit in the slideshow 
– Is there a way to fix this? Otherwise it’s not very useful for advanced purposes… I can PM you a link with a very basic setup with dynamic images…
Hello, is there a way to make the slide images full browser width using a 2d transition? I’m trying to make it 100% width & 100% height to the browser window without it overwriting it with the largest images’ dimensions. The effect would be similar to using a background image with css of background-size: cover; or using the JS tool “Backstretch”.
Any thoughts? Thanks & great slider!
Thanks for purchasing!
For 2d transitions the slider sets its size based on the dimensions of the slide images, and is limited by the size of the parent container of the slider. So what you are truly looking for may not be accomplished but if you use very large image as slides and then place the slider in a container which has its size determined by the bowser dimensions then maybe you can recreate what you want.
Hi there.
I installed the slider but it works only on my local computer. It doesn’t work online. I assume it has to do with the JQuery, but I appreciate if you can take a look and suggest a solution: http://www.nsgraphicstudio.com/
I changed jquery-1.9.1.min.js to:
<script src=”http://code.jquery.com/jquery-1.9.0.js”></script> <script src=”http://code.jquery.com/jquery-migrate-1.2.1.js”></script>
Thanks!
Thanks for purchasing!
There are a few problems in the loading of scripts in your page.
1) You have referenced all the scripts that were used in the slider demos, whereas it has been mentioned in the documentation what scripts you actually need to make the slider work. You certainly don’t need the jquery tooltip plugin.
2) You have also loaded the jquery migrate plugin, v1.1.1, that is used in the demo and also referenced the newer version of 1.2.1. Remove the older version. Note that the slider does is perfectly compatible with jquery 1.9+ and does not need the migrate plugin. If you need the migrate plugin for other scripts in your page then that is different.
3) Two jquery versions are being loaded in your page – versions 1.9.0 and 1.5.0. You have to remove the older version.
Hi there,
I did as you suggested. I can now see the slider, but the slider doesn’t rotate to the next slide. It remains in #1. I can’t see the effects either. Could you suggest a solution?
You have not loaded the jquery easing plugin. As I said before, the documentation clearly mentions what scripts are required by the slider.
Hi,
Just purchased your slider. I find it very good. One thing i wanted to ask is how you make it responsive?
Thanks
Thanks for purchasing!
The slider is responsive all by itself, you don’t have to do anything yourself to make it so. Whenever your page is viewed in a small screen the slider will get resized, provided of course that the parent container of the slider also gets resized.
working now, thanks
Hi,
Thanks for the quick reply. In fact I did not explain very well the problem, I’m sorry. The problem is if we zoom somewhere else on the page using the pinch event and then scroll up to the carousel, then the page remains blocked in that state because we can neither zoom out over the carousel nor scroll back. Please see this effect on this webpage: http://tecsi.netechlab.it
Thanks, Dorin
Yes, as I said touch gestures have been disabled on the slider itself, except for swiping to browse slides, and therefore you cannot zoom in/out over the slider. You have to zoom in/out the somewhere else on the page. Or you can disable zooming entirely using the “viewport” meta tag.
Thank you for the info and the suggestions. I’ll try to follow your advice.
Is there a quick way to enable the zoom in/out event over the slider? Thanks!
Sorry, there is no quick way. But I will try to have this work in a future update.
OK, I just sent you a PM about this issues. Thanks!
Hello,
I purchased this script some time ago. I am currenly having some problems with its performance on iPad devices: If I try to zoom in the slider then it’s impossible to zoom out again and the page remains blocked in the zoomed state. I noticed that in the demo page you disabled the zooming on iPads (accessing this page from iPad, I cannot zoom over the slider, only around it: http://codecanyon.net/item/ccslider-jquery-3d-slideshow-plugin/full_screen_preview/162445 ). Could you please tell me how to do this, as I would like to reproduce it in my website?
Thanks in advance, Dorin
Thanks for purchasing!
I have not made any special arrangement to disable zooming in the demo page. You cannot zoom into the page by pinching your fingers on the slider because the touchswipe event disabled there. The swipe event can only be used to browse the slides. This should be effective in your page also, so I wonder how you are able to zoom into the slider.
is there anything wrong with this code? i cant seem to get this thing to work! i made sure all linked js files, css, and image are on the server.
<script>
$(window).load(function() {
$('#slider').ccslider({
effectType: '2d',
pauseOnHover: false,
directionNav: false,
controlLinks: false,
pauseTime: 4000,
effect: 'fade'
});
</script>
if i take out the $(window).load(function() { then everything works but only in firefox on a mac. and chrome/safari only shows a dot of the slideshow. links are here http://track16.com/index2.html
Thanks for purchasing!
I see that you made a slight oversight in that code. You missed out on the closing parenthesis of window.load. You have to add }); at the end of that code.
ah man, thanks! that saved me.
Hi, is it possible to run CCSlider in Joomla, too?
thx, regards kostolanix
See my reply to your comment in the comments section of the WP plugin version of CCSlider.
Sorry about the wrong section posting earlier. I purchased your slider and it’s amazing. Thank you for a good product… anyway how am i increase my slide duration time in 3D slider ?
See the documentation for this.
I saw the documentation, I need to show this image for 3 seconds only. What parameter do i have to change ? img src=”img/slider/slider-img-1.jpg” alt=”” data-caption-position=”bottom” data-transition=’{“effect”: “cubeUp”, “slices”: 9, “animSpeed”: 1200, “delay”: 100, “delayDir”: “fromCentre”, “easing”: “easeInOutBack”, “depthOffset”: 300, “sliceGap”: 30}’
The duration for which a slide is visible is controlled through the pauseTime parameter in the plugin options, and it is a universal setting for all slides. Read the documentation carefully, all has been explained there, especially the javascript setup part.
