christopherreding.com
An epic love story about a boy and his code. Featuring PHP, Javascript, HTML, Wordpress, and ExpressionEngine.
 Facebook Flickr LinkedIn Twitter
  • Home
  • About
  • Resume
  • Contact

Replace an image with a Quicktime movie using jQuery

August 27, 2009

Include jquery with in the head of the page (get it here) http://jquery.com

Then create 2 divs like this:

<div id="image">
<img id="myImage" src="images/fpo.jpg" width="200" height="200" />
</div>
<div id="qt" style="display:none;" >
<embed src="something.mov" height="200" width="200" autostart="true" ></embed>
</div>

Now Put this script within the head of the page.

<script type="text/javascript">
  • StumbleUpon
« First...102030«33343536
  • StumbleUpon

Recent Posts

  • ExpressionEngine Plugin CallPhp – Call PHP Functions Without Allowing PHP June 30, 2011
  • Video Demo of an App I wrote today for local hosting on OSX June 4, 2011
  • Expression Engine Plugin: String Replace May 17, 2011
  • Custom Post Types and Taxonomies in WordPress April 19, 2011
  • More Awesome More Taxonomies April 15, 2011

Popular Posts

  • ishowpro ex (expanded to allow all galleries) March 15, 2010
  • Thank You Wordcamp Birmingham September 28, 2009
  • BBVA Compass Matching Donations For Haiti Disaster Relief January 14, 2010
  • Social ‘media’ It’s not about YOU April 19, 2010
  • ExpressionEngine Plugin CallPhp – Call PHP Functions Without Allowing PHP June 30, 2011

Related Posts

  • An ultra-lightweight accordion using jQuery March 10, 2011
  • Creating a page overlay with jQuery September 1, 2009
  • 75 Amazing CSS Navigations and Jquery Examples August 27, 2009

Ask a question.

Your message was successfully sent. Thank You!

Copyright © 2011 christopherreding.com. All Rights Reserved