Results 1 to 3 of 3

Thread: Image and Video rollover

  1. #1
    Join Date
    Aug 2010
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Image and Video rollover

    Hi,

    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

  2. #2
    Join Date
    Mar 2006
    Location
    Illinois, USA
    Posts
    12,164
    Thanks
    265
    Thanked 690 Times in 678 Posts

    Default

    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.)
    Daniel - Freelance Web Design | <?php?> | <html>| español | Deutsch | italiano | português | català | un peu de français | some knowledge of several other languages: I can sometimes help translate here on DD | Linguistics Forum

  3. #3
    Join Date
    Aug 2010
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    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.

    Code:
    <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>
    Last edited by frost122; 08-12-2010 at 06:35 PM.

Bookmarks

Posting Permissions

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