351 comments found.
Hi
when i put 3 or more pictures with 2d effect
a third picture goes underneath the others overlaping
can you give me the trick to make it slide side by side without overlaping
thanks
I need a link to your page to inspect the problem.
hi i am not able to show the left and right arrow so that the clients can skip or come back from pictures to pictures
thanks
I need a link to your page to inspect the problem.
Hi
i need to set the height more than what it is
i need that the width is 100%
but i need to put the heiht has I want
thanks
You can set the width of the height of the slider container through css, as described in the provided documentation.
hi… i tryed one hour before contacting you.. every place that it is written width.. and height.. i changed it.. and there is only effect on the image but not the slider.. i see a very big image inside a small slider that never changes width and height.. i suggest that you point me the portion of code to change in the css and I will find it easely
You need to target the slider container, which in the demos has the id #slider. If you are using 3d mode then you will need to pass imageHeight> and <imageWidth values too when initializing the slider.
yes i tried this can you try it before telling me please? if you make it happen. can you send me an url that is showing the result please?
thanks
look my code :
<style> #slider { width: 100px; /* change width and height accordingly */ height: 5000px; } </style><style> #slider img { } </style><script> $(window).load(function() { $(’#slider’).ccslider({ effectType: ‘2d’, effect: ‘fadeZoom’, _3dOptions: { imageWidth:100, imageHeight:5000,
width:100px;
height:5000px;!important declaration like:
#slider {
width: 900px;
height: 5000px !important;
}
Note that you will then also need to override the styling of the slide images so that they fill out your slider container.
thanks it worked.. but now
but now… here is the other code
<script> $(window).load(function() { $(’#slider’).ccslider({ effectType: ‘2d’, effect: ‘fadeZoom’, _3dOptions: { imageWidth:2025, imageHeight:1500,
how do i change 2025 for 100%
thanks
The imageWidth and imageHeight properties only apply for 3d mode animations. As I mentioned in my last comment, you will need to target the slide images through css and change their size so that they fill out your slider container.
thanks no need to say again as I said in my last message everything worked! i only wanted to know about those two numbers
thanks
Good to know that you got it working.
Just purchased and have an issue when installing. When attempting to use this straight out of the box, I get a “find… tooltip” is not a function. Then, after cube’s first slide spins, it stops, gives a b.easing error and stops completely. How do I get this working?
Thanks for purchasing!
Are you running the slider plugin from the “demo” folder provided with the package that you downloaded from here? If you moved some files from there into your own folder then you will get those errors that you saw.
You can ignore the tooltip error as that is caused by the missing tooltip plugin, and that is only used in the demo. You don’t need to use the tooltips in your own page.
The easing error is caused by the missing easing plugin file. You will need to have that present in the correct path for the slider to work correctly.
ok, got the errors out of the way, now I have a stop() issue. Clicking to stop() once works, then the second click to stop() is almost like it toggles the autoplay to true and start(). once I onclick stop(), I would like autoplay to be completely stopped. I tried defining autoplay as false in the onclick as well, but still get the “every other click” toggling.
Are you clicking the stop button even when the slider autoplay is already paused?
Yes, as I am not sure how to determine if the slider is already stopped, so each one has a stop command, and since that didn’t work, each one now has that and autoplay: false command, also. the stop command shouldn’t toggle, it should stop no matter what, right?
You can prevent the toggling by checking if the div.slider-timer element has the pause class applied or not. When the slider is autoplaying then that element will have the play class.
That did the trick! One more anomaly. On mobile (android, chrome), the cube’s “splits” are visible when on the slides. I took the sidecolor down to a light color, but would rather show off the cubes’ sides moreso. Is there a way to make the splits go away when slide has settled?
Those “splits” are unfortunately sometimes visible in some browsers due to their different handling of anti-aliasing in canvas. It can be alleviated sometimes by ensuring that the slider size has the same aspect ratio as the image’s native aspect ratio and also the image’s width/height is a multiple of the number of splits you are using.
Hello, I just bought your plugin and have a question. I have a lot of thumbnails but when I add them they all stack under the slider, how can I make the overflow hidden with the ability to scroll to see more?
There is probably a css conflict that is causing this. I need a link to your page to inspect the problem.
hi
since I added a ssl https on my website.. the cslider won’t work
here is a page
https://croisiereslacstjoseph.com/Accueilreservationthe big white rectanble is supposed to be the cslider
thanks
The error is shown in the browser console – you are still loading jQuery using http url, so the browser blocks it. Just change it to https and it will work.
hi. i have the question. How do i take off the dots under the slide? thanks
You need to disable the controlLinks setting.
where is the controlLinks ? thanks again..
got it…
No idea how people rate, but perhaps the don’t use a mobile phone. I’d give it a 1 star.
Could you help us on this issue, is there another approach than revise the code? Best regards,
One option would be to handle the stopping and starting of transitions entirely yourself with the slider api functions. First you will need to disable the autoplay, and then use the afterSlideChange event to detect the current slide index and based on that use a setTimeout with a delay of your choice to call the next() to move on to the next slide.
Hello, We currently use your script 162445-ccslider, unfortunately we didn’t find the way to provide us a distinct pause time by slide.
The documentation specify the parameter pauseTime with this description : “The time interval for which a particular slide will be visible before advancing on to the next.”
After a quick look on the code I didn’t acheive to find how to specify this parameter by slide rather globaly.
Could you help us on this issue, is there another approach than revise the code?
Best regards,
Sandrine
The slider only supports a global setting for pausing each slider. If you want to have a per-slide setting then you will need to modify the slider code.
Ok but it is not what indicated in the slider documentation : The documentation specify the parameter pauseTime with this description : “The time interval for which a particular slide will be visible before advancing on to the next.” For me “Particular” means “Each” and not “Global”
I have a client that needs a CSS-based slideshow. Do you think I can use a WordPress plugin such as the CSS & JavaScript Toolbox WordPress plugin: https://en-au.wordpress.org/plugins/css-javascript-toolbox to add this to their website?
Thanks, Kevin
Are you asking if you can add CCSlider to your client’s website? If so then not that CCSlider has its own WP plugin version that you can use. But also note that CCSlider relies on javascript to drive the slideshow.
is this responsive?
Yes
Please i need to buy and install in. Y website hope it will work
Hi
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!
thanks
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.
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.
hi
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
thanks
The touch events used by the plugin to allow you to browse the slides by swiping are causing this issue. You need to edit the plugin js file to disable this. If commenting out line 155 of the unminifed plugin js file does not fix the issue then fully comment out lines 139-156.
hi… i have jquery.ccslider-3.0.2.min.js file and jquery.easing.1.3.min.js file.. those 2 files don’t have more than 50 lines.. could you be more specific please also in what I have to do to modify this because my client have is website and cannot scroll on tablet when the tablet is horizontal so I need to fix this
thanks
You need to edit jquery.ccslider-3.0.2.js file, the unminified one.
ok but you told me to look in line 155 there is 35 lines
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
thanks
You will have no problems except that the ability to browse the slides by touch swipe won’t work any more.
Hello,
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?
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.
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.
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
this is my test website… It is very very long to appear… http://infoms-001-site5.itempurl.com/Accueil_Reservation.aspxcan 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
Pierre
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
