Advanced Search

Fancy Box quick howto

/ Published in: jQuery
Save to your folder(s)

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. <script type="text/javascript" src="js/jquery-1.5.2.min.js"></script>
  2. <script type="text/javascript" src="modules/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
  3. <link rel="stylesheet" type="text/css" href="modules/fancybox/jquery.fancybox-1.3.4.css" media="screen" />
  4.  
  5. <a id="single_image" href="images/main.jpg">asdf</a>
  6.  
  7. <script type="text/javascript">
  8.  
  9. $(document).ready( function(){
  10. 	$("a#single_image").fancybox();	
  11. });
  12.  
  13. </script>

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.