• Registered: 2007-10-29
  • Posts: 1

Topic: Issues with Portrait images

Ok.. I can get Simpleviewer working perfectly except for when it comes to portrait pictures.

All of the landscape ones load up perfectly, but portrait ones, no matter what size they are or what size I set for the viewer, they are ALWAYS cropped on the bottom, it's so frustrating!

Am I missing something or is this a common problem?

Thanks.

  • Registered: 2007-03-22
  • Posts: 210

Re: Issues with Portrait images

It's a common problem. How big (number of pixels) are your images?
For example I want all my images to fit on the screen. My gallery.xml settings are typically maxImageWidth="787" maxImageHeight="525"

I have three different sizes of image
landscape = 787x525
portrait = 350x525
panorama = 787x350

That way all the images fit in the same window. NOTE how the portrait and landscape sizes are different even though they originate form the same size original images.

You also need to check the size in your index.html
If you view the 'source' in this gallery you can see how the sizes are set.

Regards
Phil
http://www.phillipnorman.com
  • Registered: 2008-01-02
  • Posts: 9

Re: Issues with Portrait images

My original images are:
landscape: 640 x 426
portrait: 426 x 640

My gallery.xml has:
maxImageHeight="350" maxImageWidth="480"

My index.html has:

<div id="content">
        <div id="flashcontent">SimpleViewer requires Macromedia Flash.<a href="http&#58;//www.macromedia.com/go/getflashplayer/">Get Macromedia Flash.</a> If you have Flash installed, <a href="index2.html?detectflash=false">click to view galleryfds</a>

    <script type="text/javascript">

        var fo = new SWFObject&#40;"viewer.swf", "viewer", "760px", "350px", "4", "#ffffff"&#41;;    

        fo.addVariable&#40;"preloaderColor", "0xffffff"&#41;;

        fo.addVariable&#40;"xmlDataPath", "gallery.xml"&#41;;    

        fo.write&#40;"flashcontent"&#41;;    

    </script></div>

And my css is:

body
&#123;
    background-color&#58; #93A070;
    color&#58; #000000;
    font-family&#58; Verdana, Arial, Helvetica, sans-serif;
    font-size&#58; 12px;
&#125;


#flashcontent &#123;
    width&#58; 760px;
    margin-right&#58; 5px;
    height&#58; 350px;
    margin-top&#58; 5px;
    border&#58; 1px solid #FF0000;
&#125;

but the portrait images are still getting cut off at the bottom.