Fading transition for images in slider

Discussion in 'Logistics Way WordPress Theme' started by proele, Apr 19, 2016.

  1. proele

    proele Member

    Joined:
    Feb 1, 2012
    Messages:
    68
    Likes Received:
    0
    Can you post something to make the images in slider fade between each slide, for this theme?
     
  2. priya

    priya Guest

    Hello,

    Greetings from InkThemes!

    Could you please provide us 'URL' of your site along with some edited screenshot so that we can better assist you?

    If you are unable to create screenshots then you can use www.screenpresso.com that will help you to create screenshots.

    Thanks & Regards!
    Priyanka
    InkThemes.com
     
  3. proele

    proele Member

    Joined:
    Feb 1, 2012
    Messages:
    68
    Likes Received:
    0
    Development site, not the final product: http://advertcation.com/

    I don't think you can do a screen shot of a slider transition.
    The slider is functional it just does straight cuts, I need fade from one slide to another
     
  4. priya

    priya Guest

    Hello,

    Please follow the screenshot given below.

    logistic_fade_slider.png

    Code is given below...
    Code:
     navigation: {
              effect: "fade"
            },
            pagination: {
              effect: "fade"
            },
            effect: {
              fade: {
                speed: 800
              }
            }
    Hope it will resolve your issue

    Thanks & Regards!
    Priyanka
    InkThemes.com
     
  5. proele

    proele Member

    Joined:
    Feb 1, 2012
    Messages:
    68
    Likes Received:
    0
    I did not see a change in chrome or IE after making the edit to the file. I included the text for you to look at to see if i did some thing incorectly.

    /* menu init */
    jQuery(document).ready(function () {
    jQuery('#mmenu').mmenu();
    jQuery('ul.sf-menu').superfish();
    jQuery('.flexslider').flexslider();
    jQuery("a[rel^='prettyPhoto']").prettyPhoto();
    });
    jQuery(function () {
    jQuery('#slides').slidesjs({
    navigation: {
    effect: "fade"
    },
    pagination: {
    effect: "fade"
    },
    effect: {
    fade: {
    speed: 800
    }
    }
    });
    });
    /* pretty photo */

    /* crouslider */
    jQuery(document).ready(function () {
    jQuery(".s1").CarouSlide({
    animType: "slide-vertical",
    autoAnim: false,
    slideTime: 3000,
    animTime: 800,
    alwaysNext: true
    });
    });
     
  6. priya

    priya Guest

    Hello,

    Could you please send us your dashboard details at [email protected] along with this thread link and we will do it for you...

    Looking forward to your reply.

    Thanks & Regards!
    Priyanka
    InkThemes.com
     

Share This Page