351 comments found.
Hello. First, thank you for your great work! I have juste one problem: Where can I adjust the shadow? I use the first demo. I don’t find… the shade is cut in the back and I can not find the settings
Thank you for your help!
Thanks for purchasing!
The slider setting only allows you to turn the shadow on/off. If you need to change the style of the shadow then you will need to edit the plugin’s js file.
How to make your slider responsive? I am using Foundation for responsiveness. My image size is 950×350. The slider always preserves a large size regardless of screen size.
I see that you have not purchased this item. If you purchased the WP plugin version of CCSlider then please post your comment in that item’s comments section.
please i want to install this Slideshow on open cart idont know how?
i will buy the service and you are installing Slideshow on open cart ?
thank u
I am not familiar with Opencart so can’t offer any help to you. If you know your way around the CMS then you can install the slider yourself, since it can be embedded in any page of you have basic knowledge of HTML, CSS and JavaScript.
pauseOnHover: How do I turn this off.
autoPlay: How do I turn this off. And, If I turn this off, how do I start the Slider?
My goal is to start the slider, but I don’t want the user to interact with it. I just want them to watch.
Please be specific in your answer, Please be sure to mention file names and directory location.
false to them when initializing the gallery, like this
$('#slider').ccslider({
pauseOnHover: false
});
However as I have mentioned to you before, if you turn off autoplay then the slideshow won’t start, although there is an api command to programmatically start the slideshow. You can stop the autoplay by using the api events and functions that CCSlider provides. Please contact me through my profile page message box if you need further code samples.
Regarding the CCSlider – jQuery 3d Slideshow Plugin. How do I get it to stop at the last slide? I do not want it to loop.
Replied to your email.
How do I hide or remove the Forward, Back, and Pause button, as well as all the other button from the Slider. I just want my viewers to watch without the ability to navigate anything.
The slider already allows you to do that, the details of which you will find in the provided documentation. Specifically you are looking for the “directionNav”, “controlLinks” and “autoplay” options.
This works somewhat. I still have the PLAY and PAUSE toggle button. I need to turn off theses as well. Exactly where do I do this?
You need to disable autoplay for that. If you want autoplay on then you will need to hide these through css by setting them to <cpde>display: none
can you use video in this slider? now we are two years on from the lat update, are all modern day browsers compatible with this slider? Dec 2015..
The slider works in all modern browsers which you can verify yourself by testing out the demo.
The slider supports custom html content for each slide so you can include a video there.
Can this slider use on Blogger?
You can use it any place that allows you to insert your own js and css files as well as insert custom js, css and html code.
Hi there,
Just purchased the ccSlider – very nice product indeed. Am having a bit of trouble getting started though and just wanted to check on relative paths etc.
e.g. the demo works great locally when I download but if I change the path of the first image (to a valid path) the image doesn’t load and the slider itself just stop. Below is the one line changed in index.html from the demo:
The slider loads with the initial but tiger.jpg does not show and it doesn’t transition to the next slide.
Thanks for any assistance.
Sean
Thanks for purchasing!
I need a link to your page to inspect the problem.
Good afternoon, I bought a license but what is the reason stays that way
http://www.ahmetkalender.com.tr/?p=47This is the comments section of the jQuery plugin version of CCSlider whereas you bought the WP plugin version, so please post your comment in that item’s comments section.
How to work sir plugin does not work
How can we fix the height for all the images without stretching them? Any suggestions about that?
Thank you, Best Regards, wellstore
You can have different height images, but then the larger images will show up behind the smaller ones. So overall it it is best to have images that are all the same size.
How do i remove the monitor stand ?
It is just an image used for the demo.
do you have a demo that just has the slider with something around it like a border ? A demo without the monitor stand?
There are several demos provided with the package, and only one has the image that you are referring to.
Hello I just bought this slider. Do you have a demo of it with all the external resources in one area? Something maybe all inline and nothing external like google fonts, etc?
Thanks,
All the dependencies have been listed in provided documentation. Also take a look at the html source code of the demos.
I am trying to use this slider on the welcome page of our LMS system. I do not have access to upload any folders or linked files. Only code. Is your slider a code generator or does it have dependancies that need to be saved in folders on the site?
This is a jquery plugin which has js and css dependencies. There is no code generator.
Hi, we want to know if exists any administration system or some simple tool in order to manage the configuration of the ccslider.
Thank you in advance, Best Regards Wellstore
This is just a jquery plugin, so naturally there is no admin system. If you are using Wordpress then take a look at the WP plugin version of the slider.
is there any support for adding this to php
You just embed it like in regular html page, because after all a php page will be used to generate html.
How can you set the opacity of each individual image. I want to darken (or lighten) the image so the text is easier to read on some images. I don’t have the option to edit the images prior to displaying them.
You can use the css :nth-child selector to target the appropriate slide. For 3d mode you will have to target the generated canvas elements, and for 2d mode you will target the img elements.
Thank you. Can you provide an example or reference one?
For the example, for 3d mode if possible.
#slider canvas.draw:nth-of-type(3) {
opacity: 0.7;
}
Thank you. Everything is working well (terrific product) however there is one issue. The first slide on an image intensive page does not show up until after the slide is dismissed (you can see slide 0 as slide 1 is being eased in). Any reason this would be happen? How to fix? You can see it here: http://www.fanartreview.com/index.jsp
Your first image, a gif file, is 3.7MB which is quite large. You should never have any images, slider or not, in a webpage. In this particular case this image is taking way to long too load and possibly is too resource intensive for Canvas.
Thank you! And thank you for the speedy reply!
That fixed it. Thank you. This is a terrific product.
Sorry, it did not. I replaced the first image (which was very large as you pointed out) with a small one. And it still does it most of the time when you load the page. Sometimes it loads properly the first time.
I looked into this further. The issue appears to happen consistently when you refresh (ctrl r) the page. I cleared the browser cache and entered the page without issue. Only on the refresh is there an issue. Any idea how this can be resolved?
You are not initializing the slider with the window.load event, as described in the documentation. So, naturally the images are missing when the slider starts running.
Thank you. I added the windows.load event and that fixed it.
and the Website I forgot: www.vizinside.com
Hi Cosmocoder, got another little question. CCSlider still works like a charme. But I recognized that on a smartphone I cannot scroll down a page when swiping over a slideshow. I need to find a part on my website on which there is no slideshow to be able to scroll up or down. I checked it out with an iPad and with the demos on Codecanyon as well … the same thing. Is there a workaround for that? Thanks a lot 
Saludos
This had to be done because otherwise one cannot browse through the slides with touch swipe without also scrolling the page at the same time.
Hi CosmoCoder,
as I was writing in the comment-section … I am trying out to get a cropping-effect done with the slideshow. So I put the slider only on a different server for testing purposes. If you check it out, try it with Firefox (I am using Safari and Firefox and Chrome on a Mac).
Basically the Slider works and it is also cropping. But on Firefox the following slide is skaling small and wide again which causes a flicker. On Safari and Chrome this effect does not appear but there the slide-transitions are not smooth again then.
on an iphone 4-safari-browser the slideshow won’t be skaled. There it is simply squeezed or bulged but not cropped.
on ipads-safari-browser the slides will be shown perfect but when sliding, there is a stutter/movement in the pictures which should not be there.
All these things are only caused by one line I use for cropping (CSS: object-fit: cover;) because the alternative ways are not working properly.
Do you have an idea to get cropping work on the CCSlider?
Thanks a lot Best Regards Mike
Don’t use object-fit as that will interfere with the internal size calculation for the animations. Instead, why don’t you set a custom width/height on div#slideshow and use overflow: hidden
Got it running with the following:
HTML:
<div id="slideshow">
<div id="slider"> ... content which comes with the slider ... </div>
</div>
CSS:
#slideshow{
width:100%;
height:338px;
overflow:hidden !important;
}
#slider{
width:1000px !important;
height:500px !important;
overflow: hidden !important
position:relative !important;
}
#slider img{
position:absolute !important;
left: 50% !important;
margin-left: -500px !important;
top:0;
}
With !important I force an overwrite of an existing state and margin-left-value needs to be half of the width by left is 50%. Absolutely without changing stuff inside of “slider” it is not working because the picture is scaling or breaking out of the DIV. I use it in a Typo3-Environment.
Thanks Saludos
Good to know you got it working.
Hi. CCSlider works like a charm. The only thing i cannot getting work is a cropping-effect of the slideshow. In case that anybody wants to watch the slideshow on a cell-phone i want to crop the slideshow horizontally with a fixed height because otherwise the slideshow looks super small on a cell. Any idea on how to get this done? I am only using simple 2D-effects. Thanks a lot
You can use css to set a custom width on the slider container on small screens.
Hi Cosmocoder. Thanks a lot. Well it is working, but flickering. What I have is:
HTML: (div id=”slideshow”) (div id=”slider”) ... (/div) (/div)
CSS: slider{height:211px !important; overflow:hidden !important;}
slider img{position:absolute !important;width: 480px !IMPORTANT;height: 211px !IMPORTANT; object-fit: cover;}
This is basically working for firefox, iexplore, safari. but not for safari mobile and on safari and firefox it causes a kind of flickering when having the simple 2D-slide. Flickering is caused by “object-fit”-element. What is wrong on here? P.S. I added the ”#”-Sign in front of slider but in this comment-box it is not working perfectly then and also I used ”<>” for div instead of “( )”
Thanks a lot
Saludos
I can’t say anything unless I see the slider in your page.
