{"id":7013,"date":"2011-03-07T08:00:00","date_gmt":"2011-03-07T15:00:00","guid":{"rendered":"https:\/\/www.nicknormal.com\/normalblog\/?p=7013"},"modified":"2015-11-06T23:43:23","modified_gmt":"2015-11-07T04:43:23","slug":"blast-from-the-past-old-code-image-flip","status":"publish","type":"post","link":"https:\/\/www.nicknormal.com\/normalblog\/blast-from-the-past-old-code-image-flip\/","title":{"rendered":"Blast from the Past: old code (image flip)"},"content":{"rendered":"<p>So on June 12, 2000 I hacked this little piece of JavaScript code that handled some multi-array image-flipping. Pretty awesome at the time, just scroll over either the bar or the room-corner to see the effect. This was the &#8220;entrance&#8221; to one of my old art project websites, and I&#8217;ve recently un-earthed some archives with all this old code. Seems so trivial now, but back then everyone wanted this code!<\/p>\n<p><script language=\"JavaScript\">\n<!--\nfunction MM_swapImgRestore() { \/\/v3.0\n  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;\n}\n\nfunction MM_preloadImages() { \/\/v3.0\n  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();\n    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)\n    if (a[i].indexOf(\"#\")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}\n}\n\nfunction MM_findObj(n, d) { \/\/v3.0\n  var p,i,x;  if(!d) d=document; if((p=n.indexOf(\"?\"))>0&&parent.frames.length) {\n    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}\n  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];\n  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); return x;\n}\n\nfunction MM_swapImage() { \/\/v3.0\n  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)\n   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}\n}\n\/\/-->\n<\/script><\/p>\n<table width=\"200\" border=\"0\" cellspacing=\"0\" cellpadding=\"3\" bgcolor=\"#CCCCCC\">\n<tr align=\"center\" valign=\"middle\">\n<td><a href=\"#\" onmouseover=\"document.image4.src='https:\/\/www.nicknormal.com\/normalblog\/wp-content\/uploads\/2011\/03\/nickflip_text_off.gif' , document.image5.src='https:\/\/www.nicknormal.com\/normalblog\/wp-content\/uploads\/2011\/03\/nickflip_over_on.jpg'\" onmouseout=\"document.image4.src='https:\/\/www.nicknormal.com\/normalblog\/wp-content\/uploads\/2011\/03\/nickflip_text_neutral.gif' , document.image5.src='https:\/\/www.nicknormal.com\/normalblog\/wp-content\/uploads\/2011\/03\/nickflip_over_off.jpg'\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" name=\"image4\" border=\"0\" src=\"https:\/\/i0.wp.com\/www.nicknormal.com\/normalblog\/wp-content\/uploads\/2011\/03\/nickflip_text_neutral.gif?resize=200%2C20&#038;ssl=1\" width=\"200\" height=\"20\"><\/a><\/td>\n<\/tr>\n<tr align=\"center\" valign=\"middle\">\n<td><a href=\"#\" onmouseover=\"document.image4.src='https:\/\/www.nicknormal.com\/normalblog\/wp-content\/uploads\/2011\/03\/nickflip_text_on.gif' , document.image5.src='https:\/\/www.nicknormal.com\/normalblog\/wp-content\/uploads\/2011\/03\/nickflip_over_off.jpg'\" onmouseout=\"document.image4.src='https:\/\/www.nicknormal.com\/normalblog\/wp-content\/uploads\/2011\/03\/nickflip_text_neutral.gif' , document.image5.src='https:\/\/www.nicknormal.com\/normalblog\/wp-content\/uploads\/2011\/03\/nickflip_over_off.jpg'\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" name=\"image5\" border=\"0\" src=\"https:\/\/i0.wp.com\/www.nicknormal.com\/normalblog\/wp-content\/uploads\/2011\/03\/nickflip_over_off.jpg?resize=200%2C267&#038;ssl=1\" width=\"200\" height=\"267\"><\/a><\/td>\n<\/tr>\n<\/table>\n<div class='ctx-module-container ctx_default_placement ctx-clearfix'><\/div><span class=\"ctx-article-root\"><!-- --><\/span>","protected":false},"excerpt":{"rendered":"<p>So on June 12, 2000 I hacked this little piece of JavaScript code that handled some multi-array image-flipping. Pretty awesome at the time, just scroll over either the bar or the room-corner to see the effect. This was the &#8220;entrance&#8221; to one of my old art project websites, and I&#8217;ve recently un-earthed some archives with [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":15707,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[20],"tags":[],"series":[],"class_list":["post-7013","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-geekathon"],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"https:\/\/i0.wp.com\/www.nicknormal.com\/normalblog\/wp-content\/uploads\/2011\/03\/image-flip.jpg?fit=501%2C348&ssl=1","jetpack_shortlink":"https:\/\/wp.me\/p6OfVu-1P7","_links":{"self":[{"href":"https:\/\/www.nicknormal.com\/normalblog\/wp-json\/wp\/v2\/posts\/7013","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.nicknormal.com\/normalblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.nicknormal.com\/normalblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.nicknormal.com\/normalblog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nicknormal.com\/normalblog\/wp-json\/wp\/v2\/comments?post=7013"}],"version-history":[{"count":13,"href":"https:\/\/www.nicknormal.com\/normalblog\/wp-json\/wp\/v2\/posts\/7013\/revisions"}],"predecessor-version":[{"id":7031,"href":"https:\/\/www.nicknormal.com\/normalblog\/wp-json\/wp\/v2\/posts\/7013\/revisions\/7031"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.nicknormal.com\/normalblog\/wp-json\/wp\/v2\/media\/15707"}],"wp:attachment":[{"href":"https:\/\/www.nicknormal.com\/normalblog\/wp-json\/wp\/v2\/media?parent=7013"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.nicknormal.com\/normalblog\/wp-json\/wp\/v2\/categories?post=7013"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.nicknormal.com\/normalblog\/wp-json\/wp\/v2\/tags?post=7013"},{"taxonomy":"series","embeddable":true,"href":"https:\/\/www.nicknormal.com\/normalblog\/wp-json\/wp\/v2\/series?post=7013"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}