Tip: Click here to scan for System Errors and Optimize PC performance

July 3rd, 2009, 3:01 pm

I saw this effect on this web site

http://www.videocopilot.net/tutorials/

Where they mouse over the thumbnail and it shows the video clip. Obviously it's reading and flv or more likely and swf file and javascript anyone see any tuts or know how to do this they can show me?

Thanks

[Rabid Dog]

July 3rd, 2009, 3:13 pm

A simple view source would have explained the process

Code: [ Download ] [ Select ]

 
<a href="http://www.videocopilot.net/tutorials/dvd_authoring/"><img src='http://www.videocopilot.net/assets/public/images/vc_cool/tutorialpics/new/91.jpg' border="0" onmouseover="showtrail('http://www.videocopilot.net/assets/public/flash/tutorialvids/91.flv', 'video','DVD Authoring',266,150,0,'hqmedia','');" onmouseout="hidetrail();" /></a>
 
 

1.  
2. <a href="http://www.videocopilot.net/tutorials/dvd_authoring/"><img src='http://www.videocopilot.net/assets/public/images/vc_cool/tutorialpics/new/91.jpg' border="0" onmouseover="showtrail('http://www.videocopilot.net/assets/public/flash/tutorialvids/91.flv', 'video','DVD Authoring',266,150,0,'hqmedia','');" onmouseout="hidetrail();" /></a>
3.  
4.  

showtrail is the function to display the trailer and hidetrailer hides the trailer. As you can see the showtrail is hooked to the onmouseover event and the hidetrail is hooked to the onmouseout event.

If you look through the head portion of the site (in view source) you will see the JavaScript links, you might want to go through these files to find the functions. I personally think it is as easy as finding the object you working with, displaying / writting a layer with the neccessary tags and urls and displaying it. Hiding it probably sets the layers visibility to none. Again a perfect example of a display layer being twisted to do strange things *sigh*

Note to mod: If this type of info ain't allowed here please let me know and remove this post.