Add Jquery Easing Effect To Logo?

  • Resolved mchelles

    (@mchelles)


    13 years, 4 months ago

    I need to make a tagline of a logo move.

    I tried this plugin:

    https://www.ads-software.com/extend/plugins/the-welcomizer/

    I can get it to move left to right, up or down, but I’d really like to add some “bounce” to it using some jquery easing. I’m just not sure how to do that with this plugin. There are boxes for adding your own effects, I just don’t know what to write!

    The other alternative would be to figure out how to do it without the use of any plugin. I basically have 2 images as part of a logo, the bg of the logobg div class is the primary logo, and then I have another image & div id for the tagline.

    Here is the code I have to work with:

    $("#logobg").fadeIn(2500);
    $("#logotagline").show("drop", { direction: "right" }, 400,function(){$(this).effect("bounce", {direction:"right", times:2, distance:50}, 400,function(){eval(fn);});});

    I don’t know how to put that into my wordpress theme though – I tried editing the functions.js inclufded in my theme as well as my own scripts, but nothing happens! I did call the jquery easing plugin in my header, but I think I am missing something still.

    Any suggestions on what I could try?

    Any suggestions?

Viewing 1 replies (of 1 total)
  • Thread Starter mchelles

    (@mchelles)

    I figured it out!

    To add a bounce (or other easing) effect using the welcomizer plugin, just paste this code in the extra javascript section:

    $(this)
                .animate(
                    { left: 100 }, {
                        duration: 'slow',
                        easing: 'easeInBounce'
                    })

    Then change “easeInBounce” to whatever easing effect you want. You may need to add the jquery easing plugin to your theme files and call it in your header file.

Viewing 1 replies (of 1 total)
  • The topic ‘Add Jquery Easing Effect To Logo?’ is closed to new replies.