Tagged: 

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #532902

    Hi

    I changed the opacity from 0 to 0.5, it’s okay… but the animation is too fast.
    How can I do a nice animation or a css transition?

    big_prev.stop().animate({opacity:0.5}, function()
    					{
    						$next.insertAfter(oldImg);
    						oldImg.remove();
    						big_prev.animate({opacity:1});
    						
    						big_prev.attr('title',$(_self).attr('title'));
    						
    					});

    Thank you

    Best regards,
    Peter

    #533490

    Hi Peter!

    Please see here, http://api.jquery.com/animate/.

    You can give it a duration by adding a number value as the second argument.

    big_prev.stop().animate({opacity:0}, 2000, function()
    

    Best regards,
    Elliott

    #533717

    Great! :) Thank you!

    And how can I protect the modifited shortcodes.js from update? :)
    Just copy to child theme? Or use something like this:

    add_filter('avia_load_shortcodes', 'avia_include_shortcode_template', 15, 1);
    function avia_include_shortcode_template($paths)
    {
    	$template_url = get_stylesheet_directory();
        	array_unshift($paths, $template_url.'/shortcodes/');
    
    	return $paths;
    }

    Best regards,
    Peter

    • This reply was modified 9 years, 1 month ago by jambrikp.
    #534562

    Hi!

    I’m sorry but you can’t do this modification outside the file. You will have to do this modification again once you update the theme. Please create a change log. Or you can do something like this which is not exactly update-proof: https://kriesi.at/support/topic/one-page-site-anzeige-aktiver-menupunkt-funktioniert-nicht-in-chrome-bzw-ie/#post-352371

    Best regards,
    Ismael

    #548772

    Thank you! :) It’s work! :)

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Simple avia gallery image transition / opacity’ is closed to new replies.