WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Add Jquery Easing Effect To Logo? (2 posts)

  1. mchelles
    Member
    Posted 3 years ago #

    I need to make a tagline of a logo move.

    I tried this plugin:

    http://wordpress.org/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?

  2. mchelles
    Member
    Posted 3 years ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Topic