| [ Index ] |
PHP Cross Reference of Drupal 6 (yi-drupal) |
[Summary view] [Print] [Text view]
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "xhtml11.dtd"> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 6 <title>Highslide JS</title> 7 8 <!-- 9 1 ) Reference to the files containing the javascript. 10 These files must be located on your server. 11 --> 12 13 <script type="text/javascript" src="../highslide/highslide-with-html.js"></script> 14 <link rel="stylesheet" type="text/css" href="../highslide/highslide.css" /> 15 16 <!-- 17 2) Optionally override the settings defined at the top 18 of the highslide.js file. The parameter hs.graphicsDir is important! 19 --> 20 21 <script type="text/javascript"> 22 // Apply the Highslide settings 23 hs.graphicsDir = '../highslide/graphics/'; 24 hs.outlineType = 'rounded-white'; 25 hs.outlineWhileAnimating = true; 26 </script> 27 28 </head> 29 30 <body> 31 <div> 32 33 <!-- 34 5) This is how you mark up the thumbnail or text link. 35 36 The href is a two component string where the first part, left of the question mark, is extracted 37 from the "Embed" code snippet found at the YouTube page for this video: 38 39 "http://www.youtube.com/embed/a0qMe7Z3EYg" 40 41 The second component, to the right of the question mark, are the parameters. See 42 http://code.google.com/intl/no-NO/apis/youtube/player_parameters.html for a full reference. 43 In the example below, we set rel to 0 to disable loading related videos once the playback 44 of the initial video starts. Then, more importantly, we set wmode to transparent to allow 45 Highslide to add overlays (close buttons, navigation etc.) to the popup: 46 47 "?rel=0&wmode=transparent" 48 49 --> 50 <a href="http://www.youtube.com/embed/a0qMe7Z3EYg?rel=0&wmode=transparent" 51 onclick="return hs.htmlExpand(this, {objectType: 'iframe', width: 480, height: 385, 52 allowSizeReduction: false, wrapperClassName: 'draggable-header no-footer', 53 preserveContent: false, objectLoadTime: 'after'})" 54 class="highslide"> 55 Display YouTube movie 56 </a> 57 58 </div> 59 60 </body> 61 62 </html>
title
Description
Body
title
Description
Body
title
Description
Body
title
Body
| Generated: Mon Jul 9 18:01:44 2012 | Cross-referenced by PHPXref 0.7 |