Another problem rise:

This is my call to jquery; <script> $(window).load(function () { $(‘div.myslider’).ccslider({ effectType: ‘2d’, effect: ‘fade’, animSpeed: 4000, directionNav: true, autoPlay: true, controlLinks: false, pauseTime: 3000 }); }); </script>

<script>
    $(window).load(function () {
        $('div.mysliderX').ccslider({
            effectType: '2d',
            effect: 'fade',
            animSpeed: 750,
            directionNav: true,
            autoPlay: true,
            controlLinks: true,
            pauseTime: 10000
        });
    });
</script>

Both sliders are in one div.. When I set the “directionNav: true,” to false then the other slider(s) will not show their pictures..

Set it back to true, and it works

Strange phenomenon isn;t it.. any clue?

PVDS

Sorry to open another thread, but I can’t reply to my last post.

In addition to my questions from last post, The problem with quetion 2 is solved. Just added an extra statement in script, so that is solved. Only Q1 is still open.

Sorry for this.. PVDS

Hi cosmocoder,

I have two questions :

Q1: I have more more than one div on the page, i toggle between visibility of specific div. Lets say I have three divs with different ID’s see script here: <script> $(window).load(function () { $(’#slider1’).ccslider({ effectType: ‘2d’, effect: ‘fade’, animSpeed: 2000, directionNav: true, autoPlay: true, controlLinks: true, pauseTime: 2000 }); }); </script>

<script>
     $(window).load(function () {
         $('#slider2').ccslider({
             effectType: '2d',
             effect: 'fade',
             animSpeed: 750,
             directionNav: true,
             autoPlay: true,
             controlLinks: true,
             pauseTime: 10000
         });
     });
 </script>

<script>
    $(window).load(function () {
        $('#slider3').ccslider({
            effectType: '2d',
            effect: 'fade',
            animSpeed: 750,
            directionNav: true,
            autoPlay: true,
            controlLinks: true,
            pauseTime: 10000
        });
    });
 </script>

Then in my CSS I needed to code for all three the ID’s, Is it possible (maybe a class) to bring it back to less coding?

Q2: The toggling of the divs is with following script: <script> var holder = ””; function toggleDiv(id) { if (holder != ””) { document.getElementById(holder).style.display = ‘none’; } document.getElementById(id).style.display = ‘block’; holder = id; } </script>

and in HTML

to activate the toggle with links: <asp:LinkButton ID=”lnkIntro” runat=”server” Font-Underline=”False” ForeColor=”Black” OnClientClick=”toggleDiv(‘slider1’);return false;” onmouseover=”LinkBtnMouseOver(this)” onmouseout=”LinkBtnMouseOut(this)” >Back to Intro </asp:LinkButton>

<asp:LinkButton ID=”lnkSwanMarket_001” runat=”server” Font-Underline=”False” ForeColor=”Black” OnClientClick=”toggleDiv(‘slider2’);return false;” onmouseover=”LinkBtnMouseOver(this)” onmouseout=”LinkBtnMouseOut(this)” >Swan market </asp:LinkButton> <asp:LinkButton ID=”lnkBlakeSeven_001” runat=”server” Font-Underline=”False” ForeColor=”Black” OnClientClick=”toggleDiv(‘slider3’);return false;” onmouseover=”LinkBtnMouseOver(this)” onmouseout=”LinkBtnMouseOut(this)” >Blake Seven </asp:LinkButton>

Now, the first time page is loaded I see perfectly slider1, but when I click on the second link (slider2 or 3) the slider 1 remains on the page so two divs are visible. Strangely when I click on the the frst slider (back to intro) all is working well.. Can you help me please (a little desperate).

Thanx in advance. PVDS

Nice piece of software, like it very much.,

For short: I have more than 5 galleries to show with ccslider on one page. User can click a gallery and ccslider shows the pictures. I am using html5, ccs3, jquery and aspx.net vb (VS2010).

Question about using it on my webpage: Beneath the slideshow I placed some links (Galleries) which must load the gallery pictures into the ccslider when link is clicked (shhowing it on one webpage)..

How can I do that ??

Regards Peter.

Cheers, any chance of an update to initialize either 2d or 3d based on screen size . Thanks.

Hi,

I am aware of that, however what I wanted to do was to use modernizr to load a differenct script of query.ccslider-3.0.min.js using modernizr’s media queries so for example. When the page width was less than 700px to load query.ccslider-3.0.min.js which would force it to have 2d effects and for larger displays to load query.ccslider-3.0.min.js which was only for 3d effects.

So I can only do this if the query.ccslider-3.0.min.js is forcing the 2 d effects and not the code in the html page.

Hi,

Is there a way to force only 2d effects by editing jquery.ccslider-3.0.min.js the javascript. If so please let me know what section to edit.

Thankyou.

HI i have a problem installing the plugin when I upload the plugin (the file .zip i dowload from this page after purchase) wordpress says this:

Descomprimiendo…

Instalando el plugin…

No se ha podido descomprimir el paquete. No se encontraron plugins.

Fallo en la instalación del plugin.

Ah! It looks like I had an extra class=”slider” open div. Thanks!

Hi! I’m trying to get this to work on my website and am having trouble figuring out how to configure the number of images?

I used the css to push the control links off the page, but before I did that it was showing 6 images. When it reaches the 5th image, it basically freezes. I only have 4 images. How can i fix this to loop the 4 images?

Thanks!!

First of all – great slider!

But I have one issue, when you have only 1 image in the slide, it doesn’t stop to slide. It fades out and in, even if there is only 1 image. Can you fix this please?

A link here

Hi, Really nice slider !!!

I have 3 issues with your slider on this website:www.servicelaptop.co.uk - innerslidecolor showing in front of jpg images in IE9 (I want to keep the same width/height) - 2D slider not working in IE8 - 3D slider is crashing in safari after 2-4 seconds

thanks.

I’ve tried all methods but haven’t been able to make it responsive using bootstrap can you please provide some guidance thanks.

Hi ,

I’ve noticed that the custom HTML content is not responsive and does not resize like that of the image itself. Is there a way to make the HTML content responsive just like the image itself so the HTML content keeps its aspect ratio in comparison to the image itself.

THankyou.

Great slider! Our company loves it! Although, I personally would like it a lot more if it worked with a responsive web layout (it actually doesn’t). I would like to see this slider allow percentages for it’s width and height, or perhaps optional “auto” value, which would detect the area of the wrapper and self-size accordingly. Otherwise, fantastic slider!

Is there the possibility to set up a drupal view with this slider?

sorry, I got it solved now. thanks again for your hard work.

love this slider. I’m having troubles getting the shadow to show as in demo3. it only shows the pictures, but without the shadow effect surrounding the box. What am I missing by chance?

sorry, I don’t have a live site yet to show you my problem, but I figured this might be a simple one for you solve.

thanks.

Hello Cosmocoder! Great job on yours, I was looking for a long time a plugin like this.

My question is this: Do you think there is any way to use your plugin to achieve the same effect as this website: http://saw.studiobanks.us/ (made in flash).

As you see, there are two points here:

1. The transition does not generate a bounce, remains in the same place. 2. The slides are divided into different zones.

I would greatly appreciate your support on this issue.

Thank you!