
{"id":198,"date":"2007-02-05T00:24:30","date_gmt":"2007-02-04T23:24:30","guid":{"rendered":"http:\/\/www.matthijskamstra.nl\/blog\/index.php\/2007\/02\/05\/flash-experiments-flashbox-part-3\/"},"modified":"2007-02-05T15:44:57","modified_gmt":"2007-02-05T14:44:57","slug":"flash-experiments-flashbox-part-3","status":"publish","type":"post","link":"https:\/\/www.matthijskamstra.nl\/blog\/2007\/02\/05\/flash-experiments-flashbox-part-3\/","title":{"rendered":"Flash experiments: Flashbox &#8211; part 3"},"content":{"rendered":"<div class=\"highlight\"><strong>Update: <\/strong>Check the <a href=\"http:\/\/www.matthijskamstra.nl\/laboratory\/flashbox\/\" title=\"Flashbox; another box\">Flashbox<\/a> directory or <a href=\"http:\/\/www.matthijskamstra.nl\/blog\/index.php\/category\/flashbox\/\" title=\"Because it's work in progress\">more post about FlashBox<\/a> for recent update<\/div>\n<p><strong>Lightbox Javascript to Flashbox Javascript<\/strong><br \/>\nBugs in the Lightbox script:<\/p>\n<ol>\n<li>Lightbox doesn&#8217;t follow when the window is scrolled, I&#8217;ve fixed this bug<\/li>\n<li>if no Image (broken link) is loaded, there is no way to stop this process, and you get no feedback<\/li>\n<\/ol>\n<p><strong>Bug #1:<\/strong> My fix for the scroll bug:<\/p>\n<pre>\r\n<code>\r\nfunction onscrollChange ()\r\n{\r\n\tvar arrayPageSize = getPageSize ();\r\n\tvar arrayPageScroll = getPageScroll ();\r\n\tvar lightboxTop = arrayPageScroll [1] + (arrayPageSize [3] \/ 15);\r\n\tsetTop ('flashcontent', arrayPageScroll [1]);\r\n\r\n}\r\n<\/code>\r\n<\/pre>\n<p>and in the showFlashbox function I started to check if the window is scrolled:<br \/>\n<code>window.onscroll = onscrollChange;<\/code><\/p>\n<p><strong>Bug #2:<\/strong> This is a bug which will not be fixed in javascipt, but in Flash.<\/p>\n<p><strong>Lightbox HTML to Flashbox HTML<\/strong><\/p>\n<p>use this doctype in your html files, you need it if you want layers (<code><\/p>\n<div><\/code>) to have a 100% width and height:<\/p>\n<pre>\r\n<code>\r\n<!DOCTYPE html PUBLIC \"-\/\/W3C\/\/DTD XHTML 1.0 Strict\/\/EN\" http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-strict.dtd\">\r\n<\/code><\/pre>\n<p>put the following lines in you directory structure and html:<\/p>\n<pre><code><script type=\"text\/javascript\" src=\"js\/swfobject.js\"><\/script>\r\n<script type=\"text\/javascript\" src=\"js\/flashbox.js\"><\/script>\r\n<link rel=\"stylesheet\" type=\"text\/css\" href=\"css\/flashbox.css\" \/><\/code><\/pre>\n<p><strong>Lightbox CSS to Flashbox CC<\/strong><\/p>\n<pre>\r\n<code>\r\nbody,html  {height: 100%;margin: 0;padding: 0;}\r\n#overlay{\r\n\tposition: absolute;\r\n\ttop: 0;\r\n\tleft: 0;\r\n\tz-index: 90;\r\n\twidth: 100%;\r\n\theight: 500px;\r\n\tbackground-color: #000;\r\n\tfilter: alpha(opacity=60);\r\n\t-moz-opacity: 0.6;\r\n\topacity: 0.6;\r\n}\r\n#flashcontent{\r\n\theight: 100%;\r\n\tposition: absolute;\r\n\ttop: 0;\r\n\tleft: 0;\r\n\twidth: 100%;\r\n\tz-index: 100;\r\n\ttext-align: center;\r\n\tline-height: 0;\r\n}\r\n<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Update: Check the Flashbox directory or more post about FlashBox for recent update Lightbox Javascript to Flashbox Javascript Bugs in the Lightbox script: Lightbox doesn&#8217;t follow when the window is scrolled, I&#8217;ve fixed this bug if no Image (broken link) is loaded, there is no way to stop this process, and you get no feedback [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,15,16],"tags":[39,40,398,405],"class_list":["post-198","post","type-post","status-publish","format-standard","hentry","category-flash","category-flash-experiments","category-flashbox","tag-as2","tag-experiments","tag-flash","tag-flashbox"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.matthijskamstra.nl\/blog\/wp-json\/wp\/v2\/posts\/198","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.matthijskamstra.nl\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.matthijskamstra.nl\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.matthijskamstra.nl\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.matthijskamstra.nl\/blog\/wp-json\/wp\/v2\/comments?post=198"}],"version-history":[{"count":0,"href":"https:\/\/www.matthijskamstra.nl\/blog\/wp-json\/wp\/v2\/posts\/198\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.matthijskamstra.nl\/blog\/wp-json\/wp\/v2\/media?parent=198"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.matthijskamstra.nl\/blog\/wp-json\/wp\/v2\/categories?post=198"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.matthijskamstra.nl\/blog\/wp-json\/wp\/v2\/tags?post=198"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}