How to using hover to roll-over multiple images at once

Discussion in 'HTML & Website Design' started by rainat, Jun 21, 2012.

  1. #1
    can someone give me a favour, i have a problem with image hover. the reference site https://marketplace.asos.com/. i wanna create using hover to roll-over multiple images like on the site.
     
    rainat, Jun 21, 2012 IP
  2. Patcoola

    Patcoola Peon

    Messages:
    21
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    so you want a mouse over event that shades out the images that is not focused on?
     
    Patcoola, Jun 21, 2012 IP
  3. wyeoh

    wyeoh Greenhorn

    Messages:
    31
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    8
    #3
    If you want to set this using hover images, you need to have a fadeout image and a full opacity image. Another method is to use a combination of jquery and change the image opacity/overlay etc. I think this is what you are looking for: web.enavu.com/tutorials/making-a-cool-spotlight-effect-with-jquery/

    Check the demo page and you will see the same function as your reference site.
    Good luck.
     
    wyeoh, Jun 21, 2012 IP
  4. rainat

    rainat Member

    Messages:
    66
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    36
    #4
    Wow..thanks wyoeh this is what i'm looking for. it's very helpful
     
    rainat, Jun 21, 2012 IP