Authentic Photoblog Flavour

Image Sx/y v0.7 featured

Download (2.3 KB)

Developer Description

This addon will allow you to alter an images height or width by adding, subtracting, multiplying or dividing from its original value. Multiple tag instances are possible.


Use the following template tag(s) within your image_template.html file.

  • Template tags:
    • <IMG_HEIGHT append="70px" operator="+">
    • <IMG_WIDTH append="70px" operator="-">
    • <IMG_HEIGHT append="70px" operator="*">
    • <IMG_WIDTH append="70px" operator="/" round="up">
  • Template tag attributes:
    • append is the numerical value you wish to add or subtract from the current images width. (Negative values are also accepted)
    • operator determines if the appended value is added or subtracted from the current images width. Currently you can use the following operators, add (+), subtract (-), multiply (*), divide (/)
    • round determines if the divided value should always round up or down. If the round attribute is not defined, the divided value will round up or down automatically.

For example, if the current displayed image has a width of 400px and you use the following template tag, <IMG_WIDTH append="70px" operator="+">, the final width of the current image would be 400 + 70 for a total width of 470px.

Also note, you can use multiple instances of the <IMG_HEIGHT> & <IMG_WIDTH> template tags with different append and operator values within the same template file.



  • Key:

    • [!]Important
    • [+]New
    • [-]Fixed error
    • [*]Changes
  • .07:

    • [-] Fixed an Image Height calculation error.
    • [*] Checks if arguments are set before initializing them.
  • .06 (buggy, do not use):
    • [+] You can now multiply and divide.
    • [*] Restructured code
  • .05:
    • [!] Initial release.

Older Versions

Write A Review

  1. Perfect 5
    Unknown 11 Years Ago Report as Spam

    very interesting for pixelpost users who are creating their own templates with absolute (and relative) positioned layers! this addon is an elegant way to define widths and heights of div-containers relative to the width or the height of the displayed image. it allows flexible layouts (for the image_template.html) without using tables. you can see it in action: http://www.a-visual-notebook.at