{"id":203,"date":"2007-02-13T20:24:27","date_gmt":"2007-02-13T19:24:27","guid":{"rendered":"http:\/\/www.matthijskamstra.nl\/blog\/index.php\/2007\/02\/13\/my-second-wordpress-plugin-wp-flashbox\/"},"modified":"2007-03-01T18:15:53","modified_gmt":"2007-03-01T17:15:53","slug":"my-second-wordpress-plugin-wp-flashbox","status":"publish","type":"post","link":"https:\/\/www.matthijskamstra.nl\/blog\/2007\/02\/13\/my-second-wordpress-plugin-wp-flashbox\/","title":{"rendered":"My second WordPress plugin: wp-flashbox"},"content":{"rendered":"<p class=\"highlight\"><strong>Update #1: <\/strong>There are some problems with the plugin in Firefox 2 for the Mac and Flock: FlashBox is loaded, the images are loaded into it, but FlashBox is not visible.<br \/>\nI am looking into it, sorry Mac users!<br \/>\nThere is also a difference between Firefox for the PC and IE for the PC: it works perfectly, but in Firefox FlashBox will be restarted and in IE FlashBox starts where it left of (if it&#8217;s started before). These is not a bug this is a <strong>feature<\/strong>!<\/p>\n<p class=\"highlight\"><strong>Update #2: <\/strong>A feature I forgot to tell about: you don&#8217;t have to change the <code>rel=\"lightbox\"<\/code> tags, it will also work with FlashBox. If you&#8217;re planning to use both, you have to use <code>rel=\"flashbox\"<\/code>&#8211; tag. <strong>But if you want to use FlashBox instead of Lightbox, you have te deactivate lightbox!<\/strong><\/p>\n<p>FlashBox is <strong>my<\/strong> attempt to create a simple, unobtrusive script used to overlay images on the current page.<\/p>\n<p><a href=\"http:\/\/www.matthijskamstra.nl\/blog\/index.php\/flashbox-just-another-box\/\">Read more about FlashBox in detail<\/a>, the different <a href=\"http:\/\/www.matthijskamstra.nl\/blog\/index.php\/category\/flash\/flashbox\/\">post about FlashBox<\/a>or you can follow my progress in the <a href=\"http:\/\/www.matthijskamstra.nl\/laboratory\/flashbox\/\" title=\"Flashbox; another box\">Flashbox<\/a> directory where my experiments are.<\/p>\n<p>But to sum it up: It had to be smaller then the other (<a href=\"http:\/\/www.huddletogether.com\/projects\/lightbox2\/\">Lightbox<\/a>,  <a href=\"http:\/\/jquery.com\/demo\/thickbox\/\">Thickbox<\/a> and <a href=\"http:\/\/orangoo.com\/labs\/GreyBox\/\">Graybox<\/a>), but with the animation (like Lightbox).<br \/>\nOr just another alternative for Lightbox \/ Thickbox \/ Graybox?<\/p>\n<p>And because I wanted to use it on my own blog, I wrote a plugin too. And I&#8217;m not afraid to share it with you.<\/p>\n<h3>Download WordPress Plugin &#8211; Download FlashBox v1.0<\/h3>\n<div class=\"highlight\">Check the latest Flashbox version: <a href=\"http:\/\/www.matthijskamstra.nl\/blog\/index.php\/category\/flash\/flashbox\/\">the category FlashBox<\/a><\/div>\n<p class=\"downloadbtn\"><a href=\"#\" onclick=\"location.href='http:\/\/www.matthijskamstra.nl\/blog\/download-manager.php?id=2'\" title=\"Download WordPress Plugin - FlashBox v1.0: wp-flashbox_v01.zip (17,9 kB)\"><strong>Download wp-flashbox<\/strong> wp-flashbox_v01.zip (17,9 kB)<\/a><\/p>\n<p><!--more--><\/p>\n<h3>Usage instructions<\/h3>\n<ul>\n<li>Download the <a href=\"#\" onclick=\"location.href='http:\/\/www.matthijskamstra.nl\/blog\/download-manager.php?id=2'\" title=\"Download WordPress Plugin - FlashBox v1.0: wp-flashbox_v01.zip (9kb)\">zip<\/a> file and decompress into wp-content\/plugins.<\/li>\n<li>Go to your Plugins screen in the WordPress admin area, and activate \u00e2\u20ac\u0153Flashbox\u00e2\u20ac?.<\/li>\n<li>In the code view, you get a &#8220;Flashbox&#8221;-button where you can fill in url of the image, the caption and the groupname<\/li>\n<\/ul>\n<p><strong>Minimal Flash plugin version is 8!<\/strong><\/p>\n<h3>Code example<\/h3>\n<p>This is how FlashBox looks in html:<\/p>\n<pre><code><a href=\"http:\/\/www.urltoimage.com\" rel=\"flashbox[usethisgroupname]\" title=\"Caption of the image\"><\/a><\/code><\/pre>\n<h3>Gallery example<\/h3>\n<p>I have created a gallery with <a href=\"http:\/\/www.theweaponshop.com\/irongiant.JPG\" rel=\"flashbox[basassrobots]\">Badass Robots<\/a> used in film. A example of animation, loading, caption and navigation.<br \/>\nMore examples can be found in the <a href=\"http:\/\/www.matthijskamstra.nl\/laboratory\/flashbox\/\">FlashBox development directory<\/a>.<\/p>\n<p style=\"display: none\"> <a href=\"http:\/\/www.oafe.net\/yo\/art\/tf_20prime01.jpg\" rel=\"flashbox[basassrobots]\" title=\"Transformers Movie Optimus Prime\">Transformers Movie Optimus Prime<\/a><br \/>\n<a href=\"http:\/\/www.trainsaw.com\/images\/terminator.jpg\" rel=\"flashbox[basassrobots]\" title=\"The Terminator\">terminator<\/a><br \/>\n<a href=\"http:\/\/www.mctoys.ca\/catalog\/images\/18_robocop.jpg\" rel=\"flashbox[basassrobots]\" title=\"Robocop\">robocop<\/a><br \/>\n<a href=\"http:\/\/www.jeffbots.com\/S-MATT1.JPG\" rel=\"flashbox[basassrobots]\" title=\"Robot B9\">Robot B9 from Lost In Space<\/a><br \/>\n<a href=\"http:\/\/www.jeffbots.com\/judgedredd1.jpg\" rel=\"flashbox[basassrobots]\" title=\"ABC Warrior from Judge Dredd\">ABC Warrior from Judge Dredd<\/a><br \/>\n<a href=\"http:\/\/www.robocoparchive.com\/info\/cain27.jpg\" rel=\"flashbox[basassrobots]\" title=\"Cain\">Cain<\/a><br \/>\n<a href=\"http:\/\/www.robocoparchive.com\/info\/ed209-3.JPG\" rel=\"flashbox[basassrobots]\" title=\"ed209\">ed209<\/a><br \/>\n<a href=\"http:\/\/www.artvps.com\/uploads\/gallerymodule\/droideka.jpg\" rel=\"flashbox[basassrobots]\" title=\"droideka\">droideka<\/a><br \/>\n<a href=\"http:\/\/scribble.com\/uwi\/br\/brfaq\/batty-grab-big.jpg\" rel=\"flashbox[basassrobots]\" title=\"Roy Batty\">Roy Batty<\/a><br \/>\n<a href=\"http:\/\/www.thompsonian.net\/blog\/wp-content\/uploads\/2006\/02\/cylon-centurian.jpg\" rel=\"flashbox[basassrobots]\" title=\"cylon-centurian\">cylon-centurian<\/a><br \/>\n<a href=\"http:\/\/burnlab.net\/blog\/uploaded_images\/cylons1-710701.jpg\" rel=\"flashbox[basassrobots]\" title=\"cylons\">cylons<\/a><\/p>\n<h3>Improvements<\/h3>\n<p>You see some improvements, let me know<\/p>\n<p>These are the improvements I see:<\/p>\n<ul>\n<li>Flash 7 plugin (nice to have) as minimum requirement, FlashBox uses now Flash 8 plugin which should cover about 94% of the users (<a href=\"http:\/\/www.adobe.com\/products\/player_census\/flashplayer\/version_penetration.html\">source Adobe<\/a>)<\/li>\n<li>If no Flash plugin is available (or not the correct version) there should be a possibility to view without Flashbox<\/li>\n<li>A button in <a href=\"http:\/\/tinymce.moxiecode.com\/\">tinyMCE<\/a> the default wysiwyg editor<\/li>\n<li>Thumbnails, or something similar so you can skip a couple images in a gallery<\/li>\n<li>Autoplay \/ slideshow<\/li>\n<li>Resize big images<\/li>\n<li>Feedback if img not there (error)<\/li>\n<li>Feedback from a slow server<\/li>\n<li>More information about img<\/li>\n<li>&#8230;..<\/li>\n<\/ul>\n<p id=\"license\"><!--Creative Commons License--> <a href=\"http:\/\/creativecommons.org\/licenses\/by-nc-sa\/2.5\/\" rel=\"license\"><img decoding=\"async\" src=\"http:\/\/creativecommons.org\/images\/public\/somerights20.png\" alt=\"Creative Commons License\" border=\"0\" \/><\/a> This work is licensed under a <a href=\"http:\/\/creativecommons.org\/licenses\/by-nc-sa\/2.5\/\" rel=\"license\">Creative Commons Attribution-NonCommercial-ShareAlike 2.5 License<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Update #1: There are some problems with the plugin in Firefox 2 for the Mac and Flock: FlashBox is loaded, the images are loaded into it, but FlashBox is not visible. I am looking into it, sorry Mac users! There is also a difference between Firefox for the PC and IE for the PC: it [&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,6,17],"tags":[405,406],"class_list":["post-203","post","type-post","status-publish","format-standard","hentry","category-flash","category-flash-experiments","category-flashbox","category-open-source-freeware","category-wordpress-plugin","tag-flashbox","tag-wordpress-plugin"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.matthijskamstra.nl\/blog\/wp-json\/wp\/v2\/posts\/203","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=203"}],"version-history":[{"count":0,"href":"https:\/\/www.matthijskamstra.nl\/blog\/wp-json\/wp\/v2\/posts\/203\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.matthijskamstra.nl\/blog\/wp-json\/wp\/v2\/media?parent=203"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.matthijskamstra.nl\/blog\/wp-json\/wp\/v2\/categories?post=203"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.matthijskamstra.nl\/blog\/wp-json\/wp\/v2\/tags?post=203"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}