Carousel effects

  • Dear Sir,

    I am trying to add my client logos carousel to my site. Can you please let me know how can how can I get different effects.
    example:

      The logos to be black and white when and one hovers I need it to change to colour and it to zoom in a little.
      I need to be enable to add links to the logos
      The carousel to have a shadow or glow all around
      Maybe add a parallax effect

    Also does your plugin use any cookies?

    I look forward to your response.

    Kindest Regards,
    Jay

Viewing 1 replies (of 1 total)
  • Plugin Author simonpedge

    (@simonpedge)

    YOUR FIRST QUERY:
    Try the following CSS, replacing “#slider_id” with the CSS ID of your slider.
    #slider_id .owl-item img {
    filter: url(“data:image/svg+xml;utf8,<svg xmlns=\’https://www.w3.org/2000/svg\’><filter id=\’grayscale\’><feColorMatrix type=\’matrix\’ values=\’0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\’/></filter></svg>#grayscale”); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    }
    #slider_id .owl-item:hover img {
    filter: none;
    -webkit-filter: grayscale(0%)
    }

    YOUR SECOND QUERY:
    Slide Anything 2.0 (which I’ve just release today) has a new tab for each slide called ‘Slide Link’ that will accommodate you.

    YOUR THIRD QUERY:
    Some CSS to accomplish this (replace “#slider_id” with the CSS ID of your slider):
    #slider_id {
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    }

    YOUR FORTH QUERY:
    I have no idea how one would accomplish a parrallax effect using an Own Carousel slider.

    YOUR FIFTH QUERY:
    No, Slide Anything does not use cookies.

Viewing 1 replies (of 1 total)
  • The topic ‘Carousel effects’ is closed to new replies.