Code

Discussion on CCSlider - jQuery 3d Slideshow Plugin

Discussion on CCSlider - jQuery 3d Slideshow Plugin

Cart 2,310 sales

cosmocoder supports this item

Supported

351 comments found.

Can you post the text you used? I am using this: data-href=”javascript:slideonlyone(‘mainAbout’);” and it does not work.

It works from images in a menu on the href attribute…

Here is my function in a separate javscript file: function slideonlyone(thechosenone) { $(‘div[name|=”pages”]’).each(function(index) { if ($(this).attr(“id”) == thechosenone) { $(this).show(200); } else { $(this).hide(600); } }); }

Each of my DIVs that I want to hide or show based upon which button or image is clicked all have the name=”pages” attribute accordingly…but I pass the DIV ID (ie: mainAbout) as in this case to show the DIV with an ID of mainAbout…

Please hlp.

I tested with a simple javascript alert() to see that javascript code does indeed execute with the data-href attribute. It is best if you contact me through my profile page message box with a link to your page.

I have it up and running, but instead of the data-href going to a URL , I need it to perform a javascript function that shows and hides divs…the javascript is already done and works correctly for other menu buttons, but not for the images in the banner…I called like this: href=”javascript:slideonlyone(‘mainAbout’);” in the other menu items, but when I try it in the data-href part, it does not work…

Any help?

Thanks for purchasing!

I just tried executing a javascript function using the data-href attribute and it worked for me. Maybe your function is passing the wrong arguments or some incorrect reference to variables?

Just purchased a short while ago.

I would like to use the customised html but I would also like the whole display area of the image to be a link.

However, using

data-href="http://www.domain.com/"

will not work in conjuction with:

data-htmlelem="#slidehtml1"

what do you suggest as a good method to achieve the desired result ?

Also is there a way to use 1 animation script for all divs without repeating an instance of animation script for each div ?

If you really want the slide image to act as a link then you can set the z-index of the slide link to be higher than that of the container for the custom html. But note in that case the custom html content cannot be interacted with, i.e. its text cannot be selected or any buttons present cannot be clicked.

As I said you will have to place the animation code in the “afterSlideChange” callback. Just don’t use the ‘if’ statements to check for each slide, and then the code will be used for each slide.

Hello again

Ah ok, yes I hadn’t thought of changing the Z value for the slide.

For the animation, I not sure how to deal with replacing this part:

var children = $('#slidehtml1').children();

What would I put in place of the div reference so that is behaves the same for all divs ?

The “afterSlideChange” function receives an argument which is the index number (zero based) of the slide that is about to become visible. You can use that to get a particular slide image using jquery’s .eq() method, and then get the value of the data-htmlelem attribute of that slide. Once you get the attribute value you will have the id of the container that has your html content. If you face any more problems then contact me through my profile page message box rather than discussing through this comments section.

PS: I purchased it, could you help me pls?

Thanks for purchasing!

You can set the slider dimensions to be as large as the browser window but note that the slider is not responsive, so it will not resize if the window is resized. Also you have to set the slider dimensions by detecting the current window dimensions. But for a regular desktop browser window dimensions I think it will require sufficient CPU processing power to render the 3d animations. The 2d animations of course, don’t require too much processing power.

Hello,

i’ll buy it, but before i have an important question. Is it possible to do a full screen image slider with those effects? Cause i need it on a PC ( i hope that client with Atom’s CPU is enough to handle the script ) with full screen browser.

Thanks, Tamas

Any Extended license available? And does this support Apples IOS devices such as Ipad, Iphone? What about Android? Thanks

I have opted out of the Extended License option, like many other authors, since the terms of the License are not entirely satisfactory. If the terms change in the future and become satisfactory then I may again opt for it.

The slider should work on iOS and Android since they support Canvas, however I think the performance may be slow compared to desktop browsers. No such problems with the 2d mode.

I would like to know if there is a simple way to make the directionNav links appear all the time. At the moment they only appear on Hover.

I am quite new with jQuery but understand the basics. If you can email me I will be very grateful!

Thank you, I found the “display: none” style shortly after posting on here. Great product so far, really flexible.

One small thing, I am running with 2d style. When I click the control “controller-slide link” which is active (the image is currently being viewed) then it scrolls the image across the screen, and another image peeks through. Not major problem but might be something to look into.

You mean you are clicking the control link of the active slide? If so then I am aware of this “problem” and will fix it in a future update. Also if you are familiar with jquery/javascript then you can fix it yourself by going over the source.

Thank you cosmo, your fast replys are very reassuring. I will look into fixing it at some point, it isn’t such a problem at the moment. Thank you again :)

Does this supports opencart shopping cart? If not, can you make one that does?

Thanks

Thanks for your interest!

The slider is a jquery plugin and like all other jquery slideshow plugins is easy enough to implement. If you are not at all familiar with html and how to include css and js files in a html file then of course it will be problematic for you.

I have no experience with opencart and cannot help you there. Maybe you can ask someone else to help you implement the slider there.

This would look really good on our site. I am would like to use this instead of what we are currently using (flash) http://www.episodexistudios.com/clients-testimonials.html

Is the file scaleable? How complex is it to change the file? I have only basic knowledge of html.

Thanks for your interest!

Like any other jquery slideshow plugin this is also easy to use. You just have to include the necessary js and css files and then initialize the slider with your settings. If you have never worked with jquery plugins before then it may be slightly difficult for you, although the documentation describes all the steps required and you will also have the demo files to study.

Hi, I have just bought the Slider. I want to use the slider with png files (Transparent areas exist) as 2d slider. But all the images are visible on the transparent areas.

Am i doing something wron or is this how it is?

Thanks for purchasing!

The slider supports transparent png images only for the 3d mode, as has been mentioned in the item details.

Hi cosmocoder,

I purchased this fantastic slider a while back but I am only getting around to implementing it now. I am having issues getting it on to my page. The images are showing one under the other (I’m obviously not following the steps correctly :-(

Can you offer any guidance? I am trying to implement the 2d version with simple fade (no thumbnails / captions etc). I have no problem with the HTML part. It’s the CSS and script in the header that I am not following correctly

Thanks :-)

Thanks for purchasing!

Since your images are showing one under the other I am guessing that the slider css file has not been included properly. But I will only be able to offer proper suggestions if you give me a link to your page. Please contact me through my profile page message box about this problem.

Can I use in my premium WordPress themes?

You can use this slider in Wordpress themes. If you want to use this slider in themes that you will sell then you will need an extended license, which I currently don’t provide.

You may also choose to use the Wordpress plugin version of the slider, which is available here.

Hi, I am considering buying this plugin.

Can you please let me know can I have 2 different sliders on the same page?

Thanks

Thanks for your interest!

Yes you can have multiple sliders in the same page.

SUpport Android and iOS?

I have not tested the item in Android and iOS, so I cannot say how well it works there, but it should work. You can try out the demo in those OS’s to find out.

http://i448.photobucket.com/albums/qq207/adambaker21/slider.jpg

The images have big white boxes and double your images you list.

Please Help

Thanks for purchasing!

I have replied to your email.

This is what happens after loading slider… These white fuzzy images appear and it doubles your listed images.. I only have 3 images with links.. And it shows it as 6 Images.. They 2x the images and on the extra image it has white boxes…

I’m probably missing something simplistic, but how can I remove the margin above the banner? I need to remove most of it, leaving a little bit of room for the animation to take place.

Thank you.. Awesome.. btw..

Thanks for purchasing!

I have replied to your email.

Hi,

It’s really gr8 work. Good luck. But I couldn’t get it clearly… about the purchase.

How does it cost to purchase the whole plugin with all the effects (3d, & 2d) & be able to use it for unlimited times in different websites?

Thnx alot.

Thanks for your interest!

The Regular License for the slider costs $12 (add $2 if you are not using prepaid credits), which entitles you to use the item in one website. If you want to use in different websites then you need to purchase licenses for each website. For further clarifications about the Regular License you can contact Support.

Hi I’m wondering if the image under the slider that looks like a table could be removed with the customization

You can of course remove it. That image is not generated by slider settings, it is something I added for decoration and styling of the demo.

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey