Header via: Mute  |  ↓ Info

Publishing iPaper in B2evo

The NYTimes Online is using Scribd iPaper as an alternative to PDF.
I thought I would give it a spin using this No Embed B2 button...

... which validates using object tags...

Code:

<object type="application/x-shockwave-flash" style="width:100%; height:500px;" data="http://documents.scribd.com/ScribdViewer.swf?document_id=5813091&amp;access_key=key-xjjhpzx0g1cdihpmg52&amp;page=&amp;version=1&amp;auto_size=true&amp;viewMode="><param name="movie" value="http://documents.scribd.com/ScribdViewer.swf?document_id=5813091&amp;access_key=key-xjjhpzx0g1cdihpmg52&amp;page=&amp;version=1&amp;auto_size=true&amp;viewMode=" /></object>

...instead of the default cut'n'paste embed tags.

Code:

<object codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" id="doc_945927250001210" name="doc_945927250001210" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" align="middle"  height="500" width="100%"><param name="movie"  value="http://documents.scribd.com/ScribdViewer.swf?document_id=5813091&access_key=key-xjjhpzx0g1cdihpmg52&page=&version=1&auto_size=true&viewMode="><param name="quality" value="high"><param name="play" value="true"><param name="loop" value="true"><param name="scale" value="showall"><param name="wmode" value="opaque"><param name="devicefont" value="false"><param name="bgcolor" value="#ffffff"><param name="menu" value="true"><param name="allowFullScreen" value="true"><param name="allowScriptAccess" value="always"><param name="salign" value=""><embed src="http://documents.scribd.com/ScribdViewer.swf?document_id=5813091&access_key=key-xjjhpzx0g1cdihpmg52&page=&version=1&auto_size=true&viewMode=" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" play="true" loop="true" scale="showall" wmode="opaque" devicefont="false" bgcolor="#ffffff" name="doc_945927250001210_object" menu="true" allowfullscreen="true" allowscriptaccess="always" salign="" type="application/x-shockwave-flash" align="middle"  height="500" width="100%"></embed></object>

This hasn't been tested beyond FF3 on a Mac.

23 September 08 in : The Sandpit Tags: b2evo, Flash, ipaper, nytimes, object tags, scribd

Photozoom b2evo plugin test

This is an update to Scott Kimlers’s Photo Caption Zoom. Together with Paul at InnerVisions, they have released Photozoom 3 takes steroids.

On the grounds that the b2evo admin pretty much requires javascript just to function, we decided to have a play with improving the work-flow by manipulating the DOM with some pretty persuasive code …. which is ironic really, since photozoom was specifically created to be a pure CSS solution…
…and then we spent several hours beating IE over the head with a copy of HTML for Dummies.

My only part in this is to demonstrate that the plugin works in the latest version of b2evolution and to play with styling tweaks etc. So far the super slick admin for this works just like it says on the can and the Javascript/Dom magic all occurs there as well.

What you end up with is pure CSS image zooms that can be captioned, linked and even plays well with IE.
Browser testing is about to begin in earnest.

Update: Some odd behaviour reported by James
1680 x 1050 Screen shot IE7 Vista (Image size: 184.18 KB)

Update: The above issue seems to be resolved.

Looks to be working fine in IE7/Vista, FF/Vista and it’s absolutely fine in IE6/XP too :)
no flickering etc and the zoom overlays fine now.

Beware the C in CSS.

↑ Page top