Picture Size Adjustment

[Uli]

I was looking for a function to autocorrect the with and height in an img-Tag - maybe it's already build into the Webuilder and I am just too blind to find it or it could be a new fine feature:

For example, I write in the code:

Code: Select all

<img src="picture.jpg" height="10" width="100" alt="picture" />

but the image picture.jpg is 400 x 600 px I would love to have a function that corrects the code for all pictures in an HTML-file or just a selected code section just by clicking one button.

so it should change the line to:

Code: Select all

<img src="picture.jpg" height="400" width="600" alt="picture" />

Best wishes

Uli

[Aivars]

This could be a bit too special-purpose to include in WeBuilder but I can see it as a plugin. The plugin system is currently in development; remind me when it's ready and I'll write the plugin for you, it would actually be quite easy to do. Of course, if others need a feature like this, we will consider adding it as a Webuilder feature.

[Karlis]

Actually this is something that is already there and has been for years. Right-click on image tag and select Update IMG Size (file must be saved and image must be located in the relative path - in your example - same folder).

For more advanced operation indeed, maybe plugins would be a solution.

[Uli]

For me the most interesting feature would be to correct ALL images within a full page or a certain part of selected code with one mouseclick. As a plugin or built-in - any solution will be fine. I remember that this was a nice feature in a (discontinued australian) HTML-Editor that I used before I discovered "WeBuilder".

I had a situation this week when I was looking for it. I had some code written with navigation buttons that were included as IMG. It was easy to insert the images as WeBuilder gives me the right size when I use the CTRL+M.
Then I was unhappy with the letter spacing on the buttons so I went into photoshop and made a new set. But that changed the size of all the buttons. Now I had to check out the size ofg every single button and to hand-edit all the widths and heights in the code. That was the moment I was missing this wonderful feature.

Thanks for the hint with the right-click. This one I didn't see. This saves already 70% of the work. An extension of this feature to all images on the page would be lovely...