Blogger templates

MicroTiles and QR Codes at SEG 2011



If you attended the SEG (Society of Exploration Geophysicists) Annual Meeting this week in San Antonio, you might have noticed a couple of cool MicroTile animations at the ION Geophysical booth. This was an exciting project to work on in terms of its potential to create some compelling motionography that leverages the capabilities and flexibility of the Christie MicroTile format.

For the ION booth, the MicroTile was configured in a 8 x 6 tile configuration. This enabled for a very salient display that helped showcase, clearly and passionately, ION's new brand standards initiative. Also due to the matrix configuration of the tiles, Axiom was able to explore some Trompe-l'œil techniques with the MicroTile format and the individual seams of each tile panel.


To coincide with the event and brand refresh, Axiom also developed a series of animated QR Code screensavers that would enable attendees with smart phones and/or tablets to scan the animated QR Code photo mosaic and direct them to ION's new corporate website. The take away here is the novel integration and synthesis of contemporary tradeshow display animation, physical hard-linking of URLs, and mobile interaction to facilitate real time engagement of audience members.

Check out the animations below.







How To Disable or Remove Blogger's Lightbox Image Viewer

A couple days ago, Blogger decided to implement a new feature for viewing images.  A Lightbox script that shows post images in a slideshow format when clicked.  See here for the announcement:  http://buzz.blogger.com/2011/09/your-images-never-looked-so-good.html

Unfortunately they didn't provide an option to disable this.  Breaking the many blogs that utilize their own image viewing scripts, and also annoying the one's who don't want a script at all.

So until they give us an official way to switch it off, here is a workaround to override Blogger's default Lightbox:

Go to Template > Edit HTML, and paste the following code directly before the </html> tag at the bottom of your template:
<script type="text/javascript">
document.getElementById('main').innerHTML = document.getElementById('main').innerHTML.replace("'lightboxEnabled': true,","'lightboxEnabled': false,");
</script>
Update 09/21:The previous fix prevents some other scripts present in the post body from working. Thanks to Mark Greenwood for reporting the issue. Use this code instead:
<script type="text/javascript">
var imgs = document.getElementsByTagName('img');
for(var i = 0; i &lt; imgs.length; ++i){
imgs[i].parentNode.replaceChild(imgs[i].cloneNode(true),imgs[i]);
}
</script>
Update 10/13:  The above fix is no longer required.  Blogger has added a setting to disable the lightbox in the dashboard under Settings > Posts and comments > Posts

Blogger news