Web Design Forum: Hover image to show video - Web Design Forum

Jump to content

WDF
WDF Premium Memberships Reseller Hosting
Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

Hover image to show video

#1 User is offline   wjordan1987 

  • Forum Newcomer
  • Pip
  • Group: Members
  • Posts: 5
  • Joined: 09-September 07
  • Reputation: 0
  • Experience:Nothing
  • Area of Expertise:Designer

Posted 10 April 2009 - 04:09 AM

I want to be able to hover over an image and a video replaces it. Such as you would do when you hover over an image and another image replaces it. Is there anyway you can do this without having to use flash. Thanks.
0

#2 User is offline   mr p 

  • Advanced Member
  • PipPipPip
  • Group: Members
  • Posts: 325
  • Joined: 09-December 08
  • Reputation: 6
  • Gender:Male
  • Location:London
  • Experience:Advanced
  • Area of Expertise:Designer/Coder

Posted 10 April 2009 - 10:12 AM

you might be able to do it this way but i'm not sure. i've used an unordered list but you could use something else.

<ul>
<li>video goes here</li>
</ul>

ul {background: url(" ") no-repeat 0 0; list-style: none; position: relative; height: ?px; width: ?px;}
li {position: absolute; left: -9999px; top: -9999px; height: ?px; width: ?px}
ul:hover li {left: 0px; top: 0px}


probably need a height and width on the ul to match your image as the li is absolutely positioned.

be interested to know if it works.
0

Share this topic:


Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

1 User(s) are reading this topic
0 members, 1 guests, 0 anonymous users