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

Image Resizer Version 1.0.1

Thread began 2/03/2012 5:07 am by info362308 | Last modified 2/03/2012 12:39 pm by info362308 | 1335 views | 4 replies |

info362308

Image Resizer Version 1.0.1

I have created a php page with the following information:

Div box size is 100 px wide and 50 px height
The dynamic image which is to be displayed in the div box is much larger than the box.
I have added the Image Resizer Version 1.0.1 behaviour set to "fit" to the box
It does not work - the image displays as it's full size on the page

Code:
<div>
<?php do { ?>
<?php
if(TRUE){ // Begin Cached Resized Image: ImageCacheInstance_1328263124913
ob_start();
?>
<img src="<?php echo $row_img_glass['eg_lge']; ?>" />
<?php
echo(getCachedResizedImageHTML(ob_get_clean(), "../../../image_cache", "fit", "#FFFFFF", false));
} // End Cached Resized Image: ImageCacheInstance_1328263124913
?>
<?php } while ($row_img_glass = mysql_fetch_assoc($img_glass)); ?></div>

Any advice would be appreciated please

Sign in to reply to this post

Jason ByrnesWebAssist

in the image tag, you have not specified any width or height setting for image resizer to use:

<img src="<?php echo $row_img_glass['eg_lge']; ?>" />


image resizer gets the size info based on the width or height setting for the image tag:
<img src="<?php echo $row_img_glass['eg_lge']; ?>" width="300" />

Sign in to reply to this post

info362308

Image Resizer Version 1.0.1

This is what I don't understand about image resizer

If I specify a dimension for the containing div (100 px height and 200 px width) and the image is set to 300, the image expands the div box instead of "fitting" into it.

Also, adding a width of 300 px to the image makes it behave excatly the same as if I just add the width of 300 px to the standard "Width" dimension box in dreamweaver with no "Image Resizer" functionality added

In the above scenario, what is supposed to happen to the image?

Sign in to reply to this post

Jason ByrnesWebAssist

the fit to box setting has nothing to do with the div that the image is inside of.

to the end user, it looks like image resizer is doing the same as adding the width or height setting to the image tag, but what is actually happening, is that the server is dynamically creating a new image file, resized to the settings of the width and height on the image tag.

when you don't use image resizer, the original image is sent to the browser, then resized based on the height and width settings. This can cause a lot of band with and slow load times if you have really large images.


With image resizer, the server creates a new image based on the width and height, and this is sent to the browser, this results in a smaller download, and faster load time.

Sign in to reply to this post

info362308

Image Resizer Version 1.0.1

OK - I see know. I think it is doing what is is supposed to do
Thanks for the support,
Bill

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...