close ad
Databridge V2 with MySQLi support IS Now Available!
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

Some images are a different size

Thread began 12/10/2010 7:48 am by mds119803 | Last modified 12/15/2010 9:22 am by Jason Byrnes | 1140 views | 5 replies |

mds119803

Some images are a different size

Hi, I have integrated power gallery into a site I am working on and have resized ribbon_fullsize to fit my design and thought all was going well until I scrolled through the first set of images and clicked on image thumbnail 9 and the main image isn't staying inside the wrapper. Same for image 16, 20, 23 and 28. There are 29 images loaded at the moment and all the others are ok. I've reloaded using watermark but still no good. I've even uploaded image 16 and called it test (image 30) since I did all the layout changes in case that was it but still no luck and so it seems to be something specific to those images but I can't figure it out. I'm sure I'm just being dim but I really could do with a pointer in the right direction as I am not getting anywhere now! The site is loaded on homepage.php. Thanks.

Sign in to reply to this post

Jason ByrnesWebAssist

the gallery is set to use the 782px wide proportional images, his is larger than the available size.


see this thread for details on using different size images:
showthread.php?t=8844

Sign in to reply to this post

mds119803

Thanks but I don't understand how that answers my problem. I had already read the thread you pointed me to but still don't understand why some images are the right size and others are not? If I am using the standard '&thumb=62c&full=782p' in index.php why do I need to alter the properties.php file? Sorry I think I must be missing the point. It's the fact that most are ok but four are not which I can't get. Thanks

Sign in to reply to this post

neilo

Hi mds,

The fact that some of the images are the right size appears to be pure luck, as the originals of those images are proportined width:height = 8:6.

The div that contains your images is 640px wide by 500px high (with padding 10px) which means that the maximum width image it will currently accept is 620px, and maximum height will be 480px, so using the 782p setting will cause you problems when the width:height ratio is (>8):6.

Your gallery is set up to fit the images proportionally (as opposed to cropping them), so it appears that it is fitting the images first by height, and then adjusting the width to be proportional to that. It is coincidental (I believe) that for most of the images, when the width is adjusted to be proportional to the height, that the height:width ratio happens to be appropriate for the space provided.

If you look at image #6 in the sequence (Flower border) you will see the correct height again, but in this case proportioning the image makes it narrower than the others.

Your choice is to either follow Jason's advice above (adding 620px width as an option), or manually adjusting the height:width ratio (to 8:6) of the original (too wide) images before uploading them.

Edit: PS - nice design work on the site!

Sign in to reply to this post

mds119803

Thank you so much for your help! It now works fine.
Maria

Sign in to reply to this post

Jason ByrnesWebAssist

glad to hear that it is working.

Sign in to reply to this post

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now.  Build a store, a gallery, or a web-based email solution.

Want your website pre-built and hosted?

Close Windowclose

Rate your experience or provide feedback on this page

Account or customer service questions?
Please user our contact form.

Need technical support?
Please visit support to ask a question

Content

rating

Layout

rating

Ease of use

rating

security code refresh image

We do not respond to comments submitted from this page directly, but we do read and analyze any feedback and will use it to help make your experience better in the future.

Close Windowclose

We were unable to retrieve the attached file

Close Windowclose

Attach and remove files

add attachmentAdd attachment
Close Windowclose

Enter the URL you would like to link to in your post

Close Windowclose

This is how you use right click RTF editing

Enable right click RTF editing option allows you to add html markup into your tutorial such as images, bulleted lists, files and more...

-- click to close --

Uploading file...