Tagged: ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • February 27, 2014 at 5:43 am #229908
    chrisbailey

    is there something I can do to remove the fade in animation for when loading a new page?

    March 3, 2014 at 10:34 am #231457
    Dude

    Hi chrisbailey!

    I didn’t test it but you can try to replace this line in wp-content/themes/enfold/js/shortcodes.js:

    
    		first_slide.css({visibility:'visible', opacity:0}).avia_animate({opacity:1}, function()
    		{
    			var current = $(this).addClass('active-slide');
    		});

    with

    
    		first_slide.css({visibility:'visible', opacity:1});
    		var current = $(this).addClass('active-slide');

    Best regards,
    Peter

    March 6, 2014 at 4:59 pm #233235
    Rob Smelik

    I have a similar request to this one. I am not using the full width Easy Slider but rather I have Easy Slider placed in a 2/3 column layout within the Avia Layout Builder. I am looking to remove the subtle fade to white that I am seeing when you transition from one slide to the next. It makes the image look as if it is blinking on and off between slides. Is this possible and where would I go to do this?

    March 7, 2014 at 6:01 am #233598
    Ismael

    Hi!

    You can add this on your custom.css or Quick CSS to remove the fade animation:

    .entry-content-wrapper div li {
    text-indent: 0px;
    opacity: 1 !important;
}

    Regards,
    Ismael

    March 7, 2014 at 4:38 pm #233811
    Rob Smelik

    Ismael,

    Unfortunately that did not work. I am not looking to remove the cross fade entirely I am more just looking to remove the portion of that script that fades it to white between each slide so what I and up with is a true cross fade effect not a fade to white. Below is a link to the page I am testing this on and you can see what I am talking about. When you click the forward or back arrow in the Easy Slider region it flashes quickly before showing the next slide. It also does the same thing in the PrettyPhoto lightbox but I am not sure if anything can be done about that.

    http://www.robsmelik.com/addon-domains/robsmelik/portfolio-item/test-portfolio-item/

    The whole reason for this… is I plan to have various website screen shots placed within the same browser mask / background. I would like the screen shots to change when transitioning while the surrounding background stays static. This can be achieved if the slides don’t fade out before transitioning to the next slide.

    Thanks in advance for any thoughts or solution!

    Rob

    March 10, 2014 at 7:32 pm #234906
    Devin

    Hey!

    Not that I know of but I’ll re-tag Peter on the topic as he is more familiar with the js used for the slideshows.

    Regards,
    Devin

    March 11, 2014 at 8:03 am #235282
    Dude

    Hi!

    I think the “white flash” effect is a mixture of the cross fade effect and the white page background which is visible for some ms during the transition. Try to change the background color of the slideshow container to i.e. black with this css code:

    
.flex_column .avia-slideshow {
background: #000;
}

    Cheers!
    Peter

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.