Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML

Posted by Alcibiades Montas
Alcibiades Montas
5,974 Points

How to create a gallery of PDFs in my portfolio website?

I am a marketing consultant interested in uploading some of presentations online and showing them in a picture manner format.

I am thinking of a format like this:

http://html5up.net/prologue

The portfolio part of that site right now has pictures...I'd like for it to be PDFs so prospective clients can see my presentations......Is that something that exists now?

Graham Stoker
Graham Stoker
2,566 Points

You could try using iframes to display each pdf, then you could scroll through each one

something like this maby- I havnt tested this but that is how I would start '''html div div style="float:left; height:200px; width:100px;" iframe src="pdfs/1.pdf" style="width:100%; height:100%;" /iframe /div div style="float:left; height:200px; width:100px;" iframe src="pdfs/2.pdf" style="width:100%; height:100%;" /iframe /div

/div '''

im not sure why the html bits wont work so it looks a little funny ?

1 Answer

Tom Geraghty
Tom Geraghty
24,174 Points
Tom Geraghty
Tom Geraghty
24,174 Points

It is possible using iframes as Graham posted above but if you want to use a gallery slider, or slideshow-style presentation you might consider taking screenshots of the PDF documents and placing those in a carousel or other type of gallery. Then the images could contain href links to the actual PDF documents to be viewed in the browser or downloaded. This would also allow for you to jazz up the presentation if your PDFs are text-heavy and not exciting or appealing to look at in thumbnail view.

Depending on your needs this could work as well as the earlier suggestion.