351 comments found.
Hi there, im interested on the slider, i’ve a question, can it be possible hack it someway to adjust it to the size of the browser window and instead photos add HTML or php ?
Thanks in advance
Thanks for your interest!
It may be possible to adjust the slider width according to the browser window but I don’t know if it will be possible to have only html content as slides.
Is compatible with only HTML website?
You can use it any website (whether php or html) provided the required slider html and the css and js files are included.
Hey cosmocoder
Thx for the quick reply. Will purchase it now. Just for your own info: The item description wos not so clear for me in this regard, because where the API functions are explicitly described, I could not find a hint regarding delay. The delay is mentioned in the “global” description. So I interpreted it in the way, that there is an option available to specify interval (prior to initialization) as a global parameter, but that this parameter may not be exposed to api calls later during runtime.
Thanx again for clarifying this. All the best Chris
Yes the delay parameter is only used at initialization, you cannot change it later, unless you destroy the slider instance and initialize it with different parameters.
Hey cosmocoder
I am intersted in purchasing this, but before, is there a complete list of API functions and what can be manipulated during runtime? I would need especially an option for changeing the image delay (interval) while the slideshow runs. Is this possible with this component? Thx and all the best
Chris
Thanks for your interest!
All the available API functions are listed in the item description. You can also change the time interval for which a slide remains visible.
Thank you again for your prompt replies….I’ll definitely purchase from you again!
In the case of OSX Lion, is there a way to tell the plugin to fallback onto 2D for OSX Lion users?
You can try to detect OSX Lion using javascript and if it returns true then initialize the slider in 2d mode and if the test returns false then initialize the slider in 3d mode.
Thank you for your quick reply. I would like to setup a 2D fall back as explained from the readme file for browsers that won’t handle 3D. But I don’t understand how to do it. Would you have an example?
The fallback to 2d will be done automatically by the plugin. You just set the fallback effect by choosing one of the available 2d effects, by using the parameter called “fallback”. See the documentation.
I love this plugin and it works great in all browsers. Thank you! I just have an issue in Safari 5.1.7 where on some slides some lines of the slices are visible even when the image is still. Any idea what I could try to remove those lines?
Thanks for purchasing!
I am also using Safari 5.1.7 and see no lines. Are you on OSX Lion? If so then there Safari has reportedly some problems with Canvas. In that case nothing can be done, I am afraid, and we will have to wait for the Safari Dev Team to fix that.
HI, i am very interested in this, it is beautiful work. I am new here, so sorry if this is a noobie question. If i purchase this, does it mean I can only use it on one site, or can I include it on a number of sites? I have a number of fanfic sites in various fandoms and would like to be able to use this on all of them.
thank you kind regards jacci
Thanks for your interest!
A regular license for the item will enable you to use it only one website. In order to use it in multiple sites you need to purchase multiple licenses. But for better clarification of licensing issues for your particular case you should ask Support.
OK. Thanks.
But where exactly do I put the “margin: 0 auto” code? What file? The slider file?
Just so you know… my page was always centered perfectly until I added the slider. Now it is kicked to the left, as you can see.
I love this slider, though.. Well worth DOUBLE the money! Just need to get the centering thing figured out.
On inspecting your page I see that your centering problem has occurred because you have again just blindly copied every style code that was there in the slider demo html file. Those css code were there to style the demo page only and should not be used by you in your page. As I said before you must only copy those styles from the demo files that only pertain to the slider itself, not other css code that put styles on, say, the element. In fact I can see from your page code that you have embedded the entire html code from the demo including the DOCTYPE ! Please don’t do that. If you are unfamiliar with html/css coding then hire someone to do it for you.
CosmoCoder…. I have no idea what you are talking about. The ONLY code that I have in the module that contains the slider is code that pertains to the slider. I have NOT “blindly” copied code and pasted there, but I have stripped the sample code of everything except those things pertaining to the slider.
So, is this all you can tell me now? You can’t simply tell me what code is causing the slider to be aligned to the left? I would think this would be very easy for you to tell me, instead of making this into a big issue.
body {
width: 100%;
max-width: 1000px;
}
Remove that code and the page content will be centered, and be careful of what you copy from the demo html files.
Thank you. I actually figured this out about 5 minutes before you responded here! That absolutely worked and I appreciate your help.
One FINAL question and then I will be done….. How can I center the slider itself? Or, if it is too big for the area I am using, how can I make the entire slider smaller?
Thank you again for a FANTASTIC slider. This is by far the BEST I have ever used on any website. Also, thank you for the great support!
I answered my own question.
Thanks again for a GREAT slider.
This slider is absolutely worth DOUBLE the money, and I will look forward to any new products you come out with.
Thanks for the quick response. Are you saying to NOT use the style.css file at all? I noticed that it still shows up nicely without using the style.css file, but the entire page is still kicked-off to the left. Since I was not using the style.css file, something else must be doing this to the page.
Do you know what could be kicking my entire page to the left?
Derwin
The style.css contains styles required for the demo pages and so of course you should not be using it. You may copy some parts to your css file that only pertain to the slider, but that’s it.
As to your page I see that your page content is not centred at all. Centre it by using the standard “margin: 0 auto” trick.
Hello. I just purchased your slider and it looks incredible.
One problem, though… I have this installed in a module on my vbulletin vbadvanced portal. For some reason it is affecting the entire page, and knocking everything out of alignment on the page and changing the background.. not just the slider itself, but he entire page.
You can see it by going to: www.lighthousesanctuary.com
What do I need to do to prevent this slider from affecting the rest of the page?
Also, what do I need to do to eliminate the white space above the slider?
Any help would be much appreciated.
Thanks.
Derwin
Thanks for purchasing!
Your entire page is being affected because you have included the entire stylesheet from the slider demos, which had its own styles for a page. You should only use the ccslider.css file and then use other slider specific css code (see the demos) in your page to style the slider as you want. In order to eliminate the white space just give a negative margin to the slider, but note that for 3d animations the slider needs space for the animations and so the slider dimensions needs to be greater than the slide image dimensions (as has been mentioned in the documentation).
I’m trying to build a live preview on this.
if(typeof $('#slideshowPreview').data('ccslider') == 'object')
$('#slideshowPreview').data('ccslider').destroy();
$("#slideshowPreview").ccslider({
effectType: type,
effect: effect,
animSpeed: animSpeed,
pauseTime: pauseTime,
});
every time a setting in the form changes it automagically previews that with the above code. The thing is going wild all over the place though, it seems it is summing up settings everytime it runs the above code and making it a complete mess whenever a setting is changed, it also seems to ignore the variable speed settings and instead just does something it likes.
In addition, it seems it’s only making a mess of the 2d settings, the 3d looks fine as far as I can see.
The mess starts when I choose a different effect, the previous effect and timing remains active, which generates multiple effects in the slideshow.
What you are trying to achieve is a custom work and I really can’t provide support on this. But having said that have a look at Demo 5 provided with the slider package that kind of does what you want.
Well, the problem exists in demo 5 as well, in 2d mode, try switching quickly between effects, choose random, then fade quickly while the animation is still busy, and things get messed up.
You sure the destroy function is doing its thing correctly?
It basically happens when you change the effect while a transition is running. This does not happen in 3d mode though…
$images.eq(index).stop()
to the destroy() function seemed to have fixed the bug.
Would be great to have the fix in an official release.
nah, it did not after all, it made it a bit better. Could you please fix this, instead of just saying you really can’t provide support on this.
Use $images.stop() in the destroy function and the problem will be solved.
nope, the bug is still there when changing effects
I see no problems anymore after applying that line of code.
Greetings, I am currently using this great plugin, but I’m faced with a problem within one of the slides I have a div. that should work with the property overflow: auto, to display the scrollbar, apparently this property does not work here. Can you help?
Thanks for purchasing!
Please provide a link to your page so that I can inspect the problem.
Thank you very much. it worked perfrctly for us.
The slider worked more or less correctly for me. But the source of the trouble that you are facing is the fact that you are using document.ready to initialize the slider whereas you should be using the window.load method as described in the documentation and illustrated in the demos. Using the window.load method allows the loading of all slider images before the slider is initialized and thus the slider can use the slide image dimensions to perform internal operations, whereas all of this not possible when using the document.ready method and thus leading to problems.
slame is working for me. Please help us. The problem is with the loading of the 1st slide in Chrome and Opera, Mizilla does good though.
While loading It freezes for a sec or so and we see exatctly what is shown on the screenshot above. . Also we have crashes in iOS while loading your slider on iPad. How can we fix these issues?
And by the way the plugin is really nice. Thank you.
Thanks for purchasing!
I need a link to your page to inspect the problem and offer suggestions.
It’s great! But I have some problems with your plugin, in Chrome Opera, when the first image loading I see this http://clip2net.com/s/2aSo1 When i click second the image is loading good. What’s problem?
I see that you have never purchased this item so how are you using it?
A really nice plug-in. I’m using this version over the WP plug-in so it’s easier to use custom content on my WP site. I’ve run in to a problem, however.
I have two anchors inside each of my slide’s .cc-html div
<a href="#prev" id="prev">Previous Slide</a>
<a href="#next" id="next">Next Slide</a>
Which I then format with:
$( '#next' ).click( function( e ) {
e.preventDefault();
$( '.banner-slider' ).data( 'ccslider' ).next();
});
$( '#prev' ).click( function( e ) {
e.preventDefault();
$( '.banner-slider' ).data( 'ccslider' ).prev();
});
But they appear to do nothing. I can’t find any examples in your documentation, only how to make the API calls. Could you help me, please? 
Thanks for purchasing!
Your code looks correct to me, but I will need to have a link to your page in order to inspect the problem. You can see such a slide navigation using api calls in one of the available demos. You can contact me through my profile page about this.
I sent you an email. Also, how do you disable touch gestures on iOS devices? I can’t seem to find the option for it, unless it’s baked in to the script.
Touch gestures cannot be disabled.
Fantastic support ! Had some issues implementing the slider in an old website and viewing in IE8 (Fault with my website, not the slider!) – I was still declaring the Doctype as HTML4 even though the slider is HTML 5 , but seller was great and helped me find the problem.
Brilliant slider and service!!!!!
Thank you for your kind words!
There two sliders and two divs on the same location. With different parameters
The first one is when you enter the side, then when you click on ‘impressie’ links will show up now when cliick on, lets say ‘Blake 7’ one div is hidden and the other one is visible … this works fine
But On the main slider I the directionNav set to false… When i do this then the other sliders will not show up..
Shal I sent you the code by mail ?
ok send the code.