Highlighted

How to host a document (pdf/word) files on site within a webpage?

New Here ,
Dec 14, 2017

Copy link to clipboard

Copied

Hi there.

I'm looking for a simple way to implement some kind of interactive means of hosting a document (movie script) within a web page. Instead of merely pointing to a link to the document, I would like the user to be able to flip through a slightly smaller version of it on that page. And perhaps allow the user to double click for a larger version?

Any tips on techniques here would be much appreciated!

Adobe Community Professional
Correct answer by BenPleysier | Adobe Community Professional

Here is one that works for all devices Turn.js: The page flip effect in HTML5

TOPICS
Learn Dreamweaver

Views

1.4K

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

How to host a document (pdf/word) files on site within a webpage?

New Here ,
Dec 14, 2017

Copy link to clipboard

Copied

Hi there.

I'm looking for a simple way to implement some kind of interactive means of hosting a document (movie script) within a web page. Instead of merely pointing to a link to the document, I would like the user to be able to flip through a slightly smaller version of it on that page. And perhaps allow the user to double click for a larger version?

Any tips on techniques here would be much appreciated!

Adobe Community Professional
Correct answer by BenPleysier | Adobe Community Professional

Here is one that works for all devices Turn.js: The page flip effect in HTML5

TOPICS
Learn Dreamweaver

Views

1.4K

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Dec 14, 2017 0
Adobe Community Professional ,
Dec 14, 2017

Copy link to clipboard

Copied

There's nothing that dreamweaver can do for you here unless you want to spend the time coding yourself.  I've seen a bunch of flash ones, but just did a quick google search for "html5 pdf page flip" and came up with a decent amount of paid and free options. I would take a look through those.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Dec 14, 2017 2
Adobe Community Professional ,
Dec 14, 2017

Copy link to clipboard

Copied

I'm loathe to recommend FlipBooks these days.  Browsers are systematically phasing out support for all 3rd party plugins.

Why do Java, Silverlight, Adobe Acrobat and other plugins no longer work? | Firefox Help

That means your media might not be accessible to everyone because they can't get the plugins necessary to view the files in their browser.   If you post a direct link to the PDF, you'll reach a lot more people. 

An interactive PDF with thumbnails and bookmarks will make a nicer user experience in Acrobat Pro or the free Acrobat Reader.   No flashy stuff required.

Page thumbnails and bookmarks in PDFs, Adobe Acrobat

Nancy

Nancy O'Shea, ACP
Alt-Web Design & Publishing

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Dec 14, 2017 2
New Here ,
Jan 10, 2018

Copy link to clipboard

Copied

I was also looking for a way to embed a pdf into my blog (where I describe and depicture my personal adventurous journeys). After browsing the web and reading about all the different possibilites, I decided to embed my pdf in the form of a flipbook. So far so good.

The problem I encountered, however, was that many flipbook providers still offer flash technology. And as everyone knows flash can be blocked by specific browsers or devices or whatsoever - and this would definitely harm user experience.

As Ben M already mentioned, you can find numerous (flash free) html5 flipbook converters when googling. If you're not sure which converter to use though, I found a nice article describing different flipbook software. I tried the one that came as the author's favorite and could smoothly integrate my converted pdf publication into my blog. As of yet, I've only good things to say about it.

By the way, you can also click on the pdf publication to open the fullscreen mode.

Regards,

Rich

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 10, 2018 2
Adobe Community Professional ,
Jan 10, 2018

Copy link to clipboard

Copied

Here is one that works for all devices Turn.js: The page flip effect in HTML5


Ben

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 10, 2018 2
New Here ,
Jan 18, 2018

Copy link to clipboard

Copied

Thanks so much for all your tips here... and sorry for the delay! I was away.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 18, 2018 0
Adobe Community Professional ,
Jan 18, 2018

Copy link to clipboard

Copied

I still think filp books are just gimmicks.

If you have Acrobat DC, you can easily export PDF to HTML.  You'll have some code cleanup to do in DW but content is accessible in any web device.

Just my 2 cents.

Nancy

Nancy O'Shea, ACP
Alt-Web Design & Publishing

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 18, 2018 0
Community Beginner ,
Jul 17, 2018

Copy link to clipboard

Copied

trying the export in Acrobat DC turned my magazine into an unrecognizable mess, It would be faster to code it from scratch than to fix what it exported.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jul 17, 2018 0