PDA

View Full Version : Issuu PDF browser



DallasRaines
06-21-2010, 07:51 PM
I am trying to use the PDF hosting features offered by issuu.com to embed a product catalog on a simple front page.

The site provides a readymade embed code:



<div><object style="width:420px;height:272px" ><param name="movie" value="http://static.issuu.com/webembed/viewers/style1/v1/IssuuViewer.swf?mode=embed&amp;layout=http%3A%2F%2Fskin.issuu.com%2Fv%2Fdark%2Flayout.xml&amp;showFlipBtn=true&amp;documentId=100611142345-5f0c236bdbcc498d9126f6e524f32781&amp;docName=ayre_sampler6&amp;username=Ayrelight&amp;loadingInfoText=AYRE%20Architectural%20Lighting%20Sample%20Catalog&amp;et=1277143755390&amp;er =40" /><param name="allowfullscreen" value="true"/><param name="menu" value="false"/><embed src="http://static.issuu.com/webembed/viewers/style1/v1/IssuuViewer.swf" type="application/x-shockwave-flash" allowfullscreen="true" menu="false" style="width:420px;height:272px" flashvars="mode=embed&amp;layout=http%3A%2F%2Fskin.issuu.com%2Fv%2Fdark%2Flayout.xml&amp;showFlipBtn=true&amp;documentId=100611142345-5f0c236bdbcc498d9126f6e524f32781&amp;docName=ayre_sampler6&amp;username=Ayrelight&amp;loadingInfoText=AYRE%20Architectural%20Lighting%20Sample%20Catalog&amp;et=1277143755390&amp;er =40" /></object><div style="width:420px;text-align:left;"><a href="http://issuu.com/Ayrelight/docs/ayre_sampler6?mode=embed&amp;layout=http%3A%2F%2Fskin.issuu.com%2Fv%2Fdark%2Flayout.xml&amp;showFlipBtn=true" target="_blank">Open publication</a> - Free <a href="http://issuu.com" target="_blank">publishing</a> - <a href="http://issuu.com/search?q=wall%20fixture" target="_blank">More wall fixture</a></div></div>


This serves well to display the catalog in miniature, and everything works nicely when using the links to open in a new window, but what I want to do is have this same pdf viewer replace an image on the home page when the associated link is clicked. I know I can do this from one image to another, but I'm not familiar with substituting javascript for an image... any tips?

Edit: I can customize the Issuu script to be the exact pixel size of the original image as well