git.maemo.org Git - dtn/blob - www/DTN_Technical_Details/Media/phoneshow.html

   1 <?xml version="1.0" encoding="UTF-8"?>
   2 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
   3 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
   4 <head>
   5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   6 <meta http-equiv="Content-Style-Type" content="text/css" />
   7 <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no, width=320" />
   8 <style type="text/css"><!--
   9 html, body {
  10 padding: 0;
  11 margin: 0;
  12 overflow: hidden;
  13 background-color: black;
  14 }
  15
  16 #slideshow {
  17 position: relative;
  18 width: 320px;
  19 height: 360px;
  20 margin-left: auto;
  21 margin-right: auto;
  22 overflow: hidden;
  23 }
  24
  25 .caption {
  26 color: white;
  27 text-align: center;
  28 font-family: helvetica neue;
  29 }
  30 --></style>
  31 <title>Slideshow</title>
  32 </head>
  33 <body>
  34
  35 <div id="slideshow">
  36 </div>
  37
  38 <script src="../Scripts/iWebSite.js" type="text/javascript"></script>
  39 <script src="../Scripts/iWebImage.js" type="text/javascript"></script>
  40 <script src="../Scripts/iWebMediaGrid.js" type="text/javascript"></script>
  41 <script type="text/javascript">
  42 // <![CDATA[
  43 function iPhoneSlideshow()
  44 {
  45     var args = window.location.href.toQueryParams();
  46     if(args.backgroundColor)
  47     {
  48         document.getElementsByTagName("body")[0].style.backgroundColor = args.backgroundColor;
  49     }
  50     document.title = opener.document.title;
  51
  52     var imageStream = opener.latestImageStream;
  53     var photos = [];
  54     for(var i = 0; i < imageStream.length; ++i)
  55     {
  56         photos.push(imageStream[i].slideshowValue('image'));
  57     }
  58
  59     if(args.captionHeight)
  60         args.captionHeight = 50;
  61     if(args.reflectionHeight)
  62         args.reflectionHeight = 50;
  63     args.movieMode = kPosterFrameOnly;
  64
  65     slideshow = new Slideshow($('slideshow'), photos, function(){}, args);
  66
  67     if(args.hasOwnProperty("transitionIndex"))
  68         slideshow.setTransitionIndex(args.transitionIndex, 0);
  69
  70     slideshow.start();
  71 }
  72 iPhoneSlideshow();
  73 // ]]>
  74 </script>
  75 </body>
  76 </html>