Topic: Automatic Resizing: AutoViewer gallery embedded in HTML5 page
Hi,
I'm using Lightroom 3 and Dreamweaver CS5 to build and update my website. I make my galleries in Lightroom, export/upload from Lightroom, and embed them in my web pages using an iframe.
You can see my website at:
As you can see, the galleries re-size according to the width of the page. The relevant area of the source code is as follows:
<iframe src=
"http://rkdvisuals.com/lightroom/welcome/index.html"
style="width:100%; height:633px;
border-color:#990033;
border-style:solid;
border-width:0px"
scrolling="no" >
</iframe>
However, I'd be interested in having the galleries re-size height-wise as well, preferably with a minimum and maximum height (which I assume can be controlled somewhat by limiting the size of the images on export in Lightroom). Ideally, there'd be a minimum height of 300px and a maximum height of 800px.
I've tried setting the height to 100%, but it always screws up and makes the gallery extremely small.
Is there a way to change my code the way it is and make this work? (maybe I have to change the styling of that "content" div?...) or do I have to switch from iframe to something else? help!! I'm somewhat new to HTML and Javascript but I learn quickly, I promise.
Thanks in advance,
-Ramzi Dreessen