jquery Polaroid viewer

Question

I am hoping to get a little help. I am a designer by nature, so programming is not my strong suite. With that, I am using this jquery plugin to add some dynamic elements to my site.

A link to the source is here: http://www.marcofolio.net/webdesign/creating_a_polaroid_photo_viewer_with_css3_and_jquery.html

My question: I would like for the pictures to remain in a div and not "float all over the page. After playing around with the css, I assume this is accomplished by adding code to the script.js file. What do I need to add to contain the polaroids to a div?

Thanks.

Answer 1

I think I understand your question. Make this change in the source file's index.html and see if that is what you're looking for.

<div id="wrapper" style="overflow:hidden;height:500px;width:800px;">
... image divs
</div>

Answer 2

I was able to ask the developer of this tutorial if it is possible to contain the polaroids. He wrote a new post on his blog how to accomplish this task. http://www.marcofolio.net/webdesign/the%5Fpolaroid%5Fphoto%5Fviewer%5Fnon-full%5Fscreen.html.

Marco, thank you for the help. Your work is awesome.