Interactive Catalog

[davy_yg]

Hello all,

I wonder how to create Interactive Catalog by using pdf document ?

[LastMitch]

I wonder how to create Interactive Catalog by using pdf document ?

Have you google this topic?

You can read this:

http://www.adobe.com/devnet/fireworks/articles/interactive_pdf.html

and also read and watch this:

http://tag.wonderhowto.com/create-interactive-pdf-files/

It's best if you have adobe suite. It's very easy to follow

[davy_yg]

I'm actually looking for how to create flip books just like the interactive catalog in the link above.

I find free software on the internet yet it's a paid version. The free version has ads overlapping the interactive catalog.

Is there other software besides flipbooks to create flipbook pdf?

I have watched the videos - they didn't mention how to create flipbook just like in the link.

Thanks.

[LastMitch]

Is there other software besides flipbooks to create flipbook pdf?

I think most of the software that create those flipbooks you have to buy it or get a licenses.

I have watched the videos - they didn't mention how to create flipbook just like in the link.

I'm not sure if you have Adobe Suite you never mention it.

If you have it then this will be easy to create.

Do you have any Adobe Suite? Those links discussed using Adobe softwares.

You can do that on Adobe Indesign:

http://help.adobe.com/en_US/indesign/cs/using/WS328f5ee33f08f77d1e63e3d120f2667a4c-7ffe.html#WS25B6E685-EB91-4c42-9EC4-87E1F94D68B2

I have Adobe Suite so that's why I'm familiar with the flipbook and other things you can create on the pdf.

[davy_yg]

I eventually get the flipbook software. No, I don't have Adobe Indesign.

Anyway, how to write codes: image1 on hover image2 appears instead of image1 ?

[LastMitch]

I eventually get the flipbook software. No, I don't have Adobe Indesign.

OK

Anyway, how to write codes: image1 on hover image2 appears instead of image1 ?

You need to link it the image1 to image2?

Is this part of the pdf?

If not it's good because this won't work it.

It should look something like this:

<div>
    <a href="image/image2.jpg">image1</a>
</div>

div a {
    width:  50px;
    height: 50px;
    display: block;
}

div a:hover {display: none;}

I didn't test it.