Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #20056

    I am having trouble getting the following scripts to work with flashlight (I’ve tested them on other themes and html and they all work)

    The first script is to apply a fade in animation on the front page elements

    <script>
    window.onload = function() {$('.home img').hide().fadeIn(2500);};
    </script>

    <script>
    $(document).ready (function(){ {$('h2,h1,.menu,.footer,h3').hide().fadeIn(4500);};
    //initialize after images are loaded
    });
    </script>

    The second script is to apply a slide in and out animation to the slideshow buttons

    <script>
    $(document).ready(function()
    {
    $(".ctrl_back").mouseover(function(){
    $(".ctrl_back").animate({left:"100px"});
    });

    $(".ctrl_back").mouseout(function(){
    $(".ctrl_back").animate({left:"0px"});
    });
    });
    </script>
    <script>
    $(document).ready(function()
    {
    $(".ctrl_fwd").mouseover(function(){
    $(".ctrl_fwd").animate({right:"100px"});
    });

    $(".ctrl_fwd").mouseout(function(){
    $(".ctrl_fwd").animate({right:"0px"});
    });
    });
    </script>

    #106127

    I’ve managed to resolve the sliding buttons using some CSS3.

    #106128

    Hi,

    Glad you were able to solve this. For CSS edits, its best to use Chrome Developer Tools which is a free Chrome plugin.

    Thanks,

    Nick

Viewing 3 posts - 1 through 3 (of 3 total)

The topic ‘Trying to Add Fade In and Button Slide Animation’ is closed to new replies.