Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Trigger multiple events on click with Javascript/Jquery

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #37614
    cpyle0819
    Participant

    Here is the site I’m working on. When I click the black button my gear spins like I want it but what if I want that same click to do something else? (random example: spin the gear AND change the position of something or make an image appear) I’m open to suggestions. Thank as always, hopefully one day I know enough to help others. :)

    P.S. My end goal is to have the gear spin when I click the button and also to have an image in the middle that is replaced by the next image in a list while the gear is spinning..if that makes sense.

    #101138
    amoss
    Participant

    Try ,#logo

    $(document).ready(function(){
    $(“#spinbutton”).rotate({bind:{
    click: function(){
    var ang = 0;
    $(“#galgear, #logo“).rotate({
    duration:6000,
    angle: ang,
    animateTo:ang + 45,
    easing: $.easing.easeOutElastic,
    })
    }
    }
    });
    });

    #101136
    cpyle0819
    Participant

    I actually updated the post, sorry if I did so after you posted. I really want to add a whole other function to the “click” event so I can make something else happen on the site when I click the button. Check the PS of my post.

    #101165
    cpyle0819
    Participant

    Thanks I’ll try some of this out.

Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘CSS’ is closed to new topics and replies.