View Full Version : Image and Video rollover

08-11-2010, 09:38 PM

I'm looking to do a mouse over or showtrail when you go over images on my website. I would like to be able to have an flv or mp3 play when you hover over images. I have seen this done on revostock and istockphoto. I would like to have it stop showing on mouseout.

Payment method: Paypal

08-11-2010, 11:31 PM
The best method to do something this graphics-intensive would be to use Flash. Would that be ok for you?
(Note: I don't work with flash much, but I'm sure you can find someone here who will help.)

08-12-2010, 02:36 PM
I don't mind if its flash as long as I get the same result as they do on their sites. Here is another example of what I'm trying to achieve and it looks like its done in javascript using jquey http://www.videocopilot.net/tutorials/ .The site I'm working on is http://tagandfriends.com and the page i was testing on is called http://tagandfriends.com/gettingalong.htm. Right now I was only testing adding sound on mouse over but i need to do both video and sound. Basically i want customers to get a preview of the products whether it be songs or videos just by mousing over the thumbnails.I'm not sure how much this would cost to do but I'm open minded and ready to take the next step. i did view their source page and it looks like a modified version of showtrail.

<div class="new_tut_container" style="border-top:solid 1px #cacaca"> <div class="new_tut_image"> <a href="http://www.videocopilot.net/tutorials/fracture_design/"><img onmouseover="this.style.border='solid 1px #333';showtrail('http://www.videocopilot.net/assets/public/flash/tutorialvids/86.flv', 'video','Fracture Design',266,150,0,'hqmedia','');" src="http://www.videocopilot.net/assets/public/images/tutorialpics/new/86.jpg" border="0" onmouseout="this.style.border='solid 1px #7e898e';hidetrail();" align="left" style="border:solid 1px #8a8e93; padding:3px" /></a> </div> </div>