This shows how to set up an image link to a pdf with fancybox for wordpress.
Make an InDesign multi-page file.
If you want your folio to fit to the viewer, make your InDesign file 7 inches wide by 3.5 inches high.
Add a shape to be an interactive button.
Right click/interactive and convert to button.
Set the button to go to another page.
Export to pdf with the interactive option turned on.
This part works if you have WordPress installed on your host provider, or you have paid for the WordPress upgrade that allows plugins to be installed.
In WordPress, go to plugins, search for then install the plugin FancyBox for WordPress.
Activate the plugin.
Go to media settings, find the Fancybox settings and enable pdf.
In Photoshop, make an image to be the thumbnail for your folio in WordPress.
You could alternatively export the cover of the folio from InDesign or any page of it to a jpeg.
Import the jpeg into the WordPress media library.
Import the pdf into the media library.
Insert the pdf into a new post.
Insert the thumbnail into the post, using the File Url option.
Insert the img src code from the image into the a href code of the pdf.
<a href=”http://deep4d.com/instant/wp-content/uploads/2012/01/interactive7x3.5.pdf”><img src=”http://deep4d.com/instant/wp-content/uploads/2012/01/my_interactive_folio_thumb-231×300.jpg” alt=”" title=”my_interactive_folio_thumb” width=”231″ height=”300″ /></a>
Here is a bare-bones example. Press the button to see the go to page interaction.
