www.webdeveloper.com
Results 1 to 4 of 4

Thread: Creating clickable buttons on mousehover

  1. #1
    Join Date
    Jun 2012
    Posts
    2

    Exclamation Creating clickable buttons on mousehover

    Hi everyone!

    This is my first post in the forum and would totally need your assistance on this certain mouse-hover behaviour.

    I am no techie person but I will try my very best to explain and describe what needs to be done here.

    I would love to have this behaviour on this VIDEO on every picture of my post in wordpress but with up to 4buttons instead.

    I haven't done any coding as i don't know where to start...is this an ordinary roll-over effect or a hover-intent?

    not quite sure if i'm making any sense...hope to hear your inputs

  2. #2
    Join Date
    Jan 2011
    Location
    United Kingdom, London
    Posts
    117
    Hello,

    There is few ways to do it but simplest one is to make a div with buttons and hide it with CSS property DISPLAY set to none (display: none) then add mouseover&mouseout function to image and change display property to block, or back to none for mouseout
    Javascript, jQuery / Prototype & PHP expert ready to complete your work on Freelancer.co.uk - Hire Me at https://www.freelancer.co.uk/users/1...&action=hireme

  3. #3
    Join Date
    May 2004
    Location
    chennai, tamil nadu, India
    Posts
    437
    Quote Originally Posted by intsywintsy View Post

    I would love to have this behaviour on this VIDEO on every picture of my post in wordpress but with up to 4buttons instead.
    This is a crude demonstration but I hope you get some hints from that.
    Chris, Senior Developer, Chrisranjana.com
    Php Programmers

  4. #4
    Join Date
    Jun 2012
    Posts
    2
    Quote Originally Posted by maurycy View Post
    Hello,

    There is few ways to do it but simplest one is to make a div with buttons and hide it with CSS property DISPLAY set to none (display: none) then add mouseover&mouseout function to image and change display property to block, or back to none for mouseout

    Thanks for some hints...wud luv to know further how to set the "blocking" to automaticatically adjust to the pic size?

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles