• Hello, if you go to my web site http://premieroptie.nl
    then you can see on my home page when the theme slider switch from one image to other than blinks the image . from first image to second image there is no problem but from second image to third image and from third image to first image there is some blinking problem. I have tried by opinion slide show plug in and tried in general settings change the settings but has not helped.
    I don’t know how you can solve the problem .
    here is the code in CSS
    /* Slider
    —————————————- */
    #slider-wrapper {
    width:100%;
    height:580px;
    overflow:hidden;
    position:relative;
    }
    #slider {
    position:relative;
    width:100%;
    height:580px;
    background:url(images/loading.png) no-repeat 50% 50% #f9f9f9;
    }
    #slider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
    }
    #slider a {
    display:block;
    }

    /* The Nivo Slider styles */
    .nivoSlider {
    position:relative;
    }
    .nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
    }
    /* If an image is wrapped in a link */
    .nivoSlider a.nivo-imageLink {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    border:0;
    padding:0;
    margin:0;
    z-index:60;
    display:none;
    }
    /* The slices in the Slider */
    .nivo-slice {
    display:block;
    position:absolute;
    z-index:50;
    height:100%;
    }
    .nivo-box {
    display:block;
    position:absolute;
    z-index:5;
    }
    /* Caption styles */
    .nivo-caption {
    position:absolute;
    left:0px;
    top:0px;
    color:#767575;
    width:605px;
    font-size:12px;
    line-height:22px;
    z-index:89;
    }
    .nivo-caption .nivo-caption-inner {
    padding:50px 0 0 40px;
    margin:0;
    }
    .nivo-caption p {margin-bottom:12px;}
    .nivo-caption .nivo-caption-inner p > strong {
    display:block;
    font-family: ‘Open Sans’, sans-serif;
    font-size:54px;
    font-weight:600;
    line-height:65px;
    color:#fff;
    letter-spacing:-2px;
    text-transform:uppercase;
    margin-bottom:3px;
    }
    .nivo-caption .nivo-caption-inner p > em {
    display:block;
    font-family: ‘Open Sans’, sans-serif;
    font-size:34px;
    font-weight:400;
    font-style:normal;
    line-height:41px;
    color:#fff;
    letter-spacing:-2px;
    text-transform:uppercase;
    margin-bottom:25px;
    }
    .nivo-caption .nivo-caption-inner p > em > span {color:#6a6969;}
    .nivo-caption .nivo-caption-inner p > span {
    display:block;
    font-size:15px;
    line-height:22px;
    color:#fff;
    text-transform:uppercase;
    }
    .nivo-caption .btn {
    display:inline-block !important;
    height:52px;
    padding-left:24px;
    color:#404040;
    background:url(images/btn-left.png) 0 0 no-repeat;
    overflow:hidden;
    text-decoration:none;
    }
    .nivo-caption .btn span {
    display:block;
    padding-right:24px;
    background:url(images/btn-right.png) right 0 no-repeat;;
    }
    .nivo-caption .btn strong {
    display:block;
    font-family: ‘Open Sans’, sans-serif;
    font-size:22px;
    line-height:1.227em;
    padding:10px 16px 13px;
    font-weight:700;
    background:url(images/btn-tail.png) 0 0 repeat-x;
    text-transform:uppercase;
    }
    .nivo-caption .btn:hover {background-position:0 -52px; color:#ededed;}
    .nivo-caption .btn:hover span {background-position:right -52px;}
    .nivo-caption .btn:hover strong {background-position:0 -52px;}
    .nivo-caption a {
    display:inline !important;
    }
    .nivo-html-caption {
    display:none;
    }
    /* Direction nav styles (e.g. Next & Prev) */
    .nivo-directionNav a {
    position:absolute;
    top:45%;
    z-index:99;
    cursor:pointer;
    }
    .nivo-prevNav {
    left:0px;
    }
    .nivo-nextNav {
    right:0px;
    }
    /* Control nav styles (e.g. 1,2,3…) */
    .nivo-controlNav {
    position:absolute;
    z-index:99;
    width:100%;
    left:0;
    bottom:101px;
    text-align:center;
    }
    .nivo-controlNav a {
    position:relative;
    z-index:99;
    cursor:pointer;
    display:inline-block !important;
    margin:0 5px;
    width:9px;
    height:9px;
    overflow:hidden;
    text-indent:-999em;
    border:2px solid #929191;
    border-radius:50%;
    -webkit-transition: all 0.3s ease-out; /* Saf3.2+, Chrome */
    -moz-transition: all 0.3s ease-out; /* FF4+ */
    -ms-transition: all 0.3s ease-out; /* IE10 */
    -o-transition: all 0.3s ease-out; /* Opera 10.5+ */
    transition: all 0.3s ease-out;
    }
    .nivo-controlNav a.active,
    .nivo-controlNav a:hover {
    border-color:#000;
    }

    .nivo-directionNav {

    }
    .nivo-directionNav a {
    position:absolute;
    display:block;
    width:36px;
    height:35px;
    text-indent:-9999px;
    border:0;
    top:50%;
    background:url(images/direction_nav.png) no-repeat 0 0;
    }
    a.nivo-nextNav {
    right:0;
    background-position:-36px 0;
    }
    a.nivo-nextNav:hover {
    background-position:-36px -35px;
    }
    a.nivo-prevNav {
    left:0;
    background-position:0 0;
    }
    a.nivo-prevNav:hover {
    background-position:0 -35px;
    }

    #slider .nivo-controlNav img {
    display:inline; /* Unhide the thumbnails */
    position:relative;
    margin-right:10px;
    width:120px;
    height:auto;
    }

    .row-top {
    width:100%;
    background:url(images/row-top-tail.gif) 0 0 repeat-x #3199c4;
    border-top:1px solid #f9f9f9;
    border-radius:10px 10px 0 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    position:relative;
    margin-top:28px;
    padding-bottom:17px;
    how I can solve this problem?
    thank you
    hovhannes

Viewing 15 replies - 1 through 15 (of 15 total)
  • Matt Knowles

    (@aestheticdesign)

    I’m not sure if by blinking you mean the transition effect?

    But your question is better asked in the forum for Nivo Slider. There the developer and people familiar with the plugin will be better able to help you.

    https://wordpress.org/support/plugin/wp-nivo-slider

    Thread Starter johannes999

    (@johannes999)

    yes , if you look to my website home page then you can see what I mean. http://www.premieroptie.nl
    it is not plug in problem ,it is theme slider problem

    thanks

    I see no such “blinking” on your home page.

    Thread Starter johannes999

    (@johannes999)

    thanks .
    when you look carefully there is 3 images which are moving from one to other in the slider ,
    from first to second there is no problem ,but from second to third and from third to first there is some delay which is making partially transition of the image . so it is not functioning 100% .and it is not ok.
    in its origin color there was no problem, but I changed the background color from black to this color , now I get this problem.
    johan

    I’m with Rajesh Soni on this. I can’t see a problem looking on a Mac using FireFox. The only thing I do notice is that you use a different transition (simple fade side to side) on image one to two but the others have a kind of curtain/vertical blinds thing going on.

    Thread Starter johannes999

    (@johannes999)

    thanks,
    I have also Firefox (on windows)but as you say there is vertical blinds thing going on those 2 images .
    I didn’t do anything I tried slide show plug in to resolve the problem but it didn’t help,
    how I can solve this problem with this 2 images to make it all clear transition.
    johan

    there is currently a javascript error in your buddypress include and 10 resources on your homepage with 404 errors. it appears the transition affect for your homepage slider is set to “fold” which you could try other transitions if desired (see the play with settings section of the documentation for nivoslider)

    are you actually using a different image for slide 2 than 1?

    Thread Starter johannes999

    (@johannes999)

    I have bouthg this theme one year ago. this slider has 3 slices so I didn’t do anything ,
    I have just changed the background color from its origin black to this dark blue color in photoshop and then uploaded through filezilla to my web server.
    now I get this effect.
    now I looked litle bit to the clip in documentation for novoslider .
    now what is the most easy way to solve this problem.
    do I have to copy all those code to my theme child CSS as i saw in the clip or there is more easy way?
    thanks
    johan

    if it was me i’d contact the theme devlopers you purchased this commercial theme from

    This resides in your css:

    A theme for WordPress 3.1+ from Template-Help.com Collection

    many themes would have a tool to modify the effects of the hoempage slider. if your does not, you’ll need to edit the javascrpt/jquery to accomplish that

    since it’s a commercial theme, you should reach out to the devs

    Thread Starter johannes999

    (@johannes999)

    thanks,
    I wrote to them a request but they didn’t answer me .
    I bouthg this template from template monster.com.
    but I don’t know anything about javascript ,I just started to be interested to learn HTML,CSS and PHP only few weeks.
    now I saw in your advise documentation that I have to copy and paste some code and then change some code.
    do I have to paste those code in style.css of my theme?
    johan

    you’re getting into some dangerous areas if you aren’t too familiar. i respect your bravery but i can’t assist further at this time. maybe someone else can but I suggest you begin by reading about javascript as the code to change transitions on your slider is in javascript/jquery

    sorry bud

    Thread Starter johannes999

    (@johannes999)

    thanks,
    I just read carefully about nivo slider plug in that solves problems with sliders en resize them .
    it cost $39 shall I buy it if it solves my problem .I know how to work with settings and if I don’t understand something I search in google.
    johan

    i can’t promise it’ll work with your theme, but the plugin devs or theme devs should be able to confirm for you

    best of luck!

    Thread Starter johannes999

    (@johannes999)

    thanks,
    I just looked in YouTube clip about nivo slider ,now I understand a little bit what is nivo slider .I see you can download free edition and you can make slider with images , but shall the nivo slider solve also problems with other themes just as mine?
    second maybe its better I contact the theme seller and ask the rihgt tool for there theme (because day selling this theme to every one)to solve my problem
    johan

    thats where i’d go johan

Viewing 15 replies - 1 through 15 (of 15 total)
  • The topic ‘the image is blinking when moving from onet to other’ is closed to new replies.