Textpattern CMS support forum
You are not logged in. Register | Login | Help
- Topics: Active | Unanswered
Checking portrait/landscape mode for images
For a shortcode, I am trying to check if an image is in portrait mode (width < height) or landscape (w >= h), landscape can include square image. I can easily set up a variable to calculate the ratio, untested :-):
<txp:variable value='<txp:evaluate query="<txp:image_info type="w"/>/<txp:image_info type="h"/>" />" name="aspect-ratio" />But then I am stuck – how to use that output? Thinking that <txp:evaluate query="……"/> would the way. The docs suggests using XPath functions, but I have no idea what would do.
In pseudo code: if output of the variable is <1 then use the portrait code, otherwise the landscape code path.
That code path would include both thumbnail-generation values and some class="" for layout purposes.
Or if there is another way, I am all ears!
TY.
Where is that emoji for a solar powered submarine when you need it ?
Sand space – admin theme for Textpattern
phiw13 on Codeberg
Offline
Re: Checking portrait/landscape mode for images
You’re pretty much there with a few changes to your quoting and div rather than /:
<txp:variable value='<txp:evaluate query=''<txp:image_info type="w"/> div <txp:image_info type="h"/>'' />' name="aspect-ratio" />
<txp:evaluate query='<txp:variable name="aspect-ratio" /> > 1'>
Landscape
<txp:else />
Portrait
</txp:evaluate>Use >= to include square format as landscape (or <1 as you suggested and turn around the logic).
You can do it in one step without the variable, too:
<txp:evaluate query='(<txp:image_info type="w"/> div <txp:image_info type="h"/>) > 1'>
Landscape
<txp:else />
Portrait
</txp:evaluate>TXP Builders – finely-crafted code, design and txp
Offline
Re: Checking portrait/landscape mode for images
Thank you Jakob. That second variant is very interesting. I need to learn more about those mathematical queries.
Will play with those soon.
Where is that emoji for a solar powered submarine when you need it ?
Sand space – admin theme for Textpattern
phiw13 on Codeberg
Offline
Re: Checking portrait/landscape mode for images
How about from 4.9.2+, this:
<txp:evaluate query='"<txp:image_info type="aspect" />" = "portrait"'>
Portrait
<txp:else />
Landscape
</txp:evaluate>The <txp:image_info type="aspect" /> tag outputs:
squareif image database w = hlandscapeif image database w > hportraitif image database h > w
Can we improve on that?
The smd plugin menagerie — for when you need one more gribble of power from Textpattern. Bleeding-edge code available on GitHub.
Hire Txp Builders – finely-crafted code, design and Txp
Offline
Re: Checking portrait/landscape mode for images
I regularly have to deal with square-ish images; they look square but aren’t. Often the visual proportion of the image is needed to inform a parent css grid.
Offline
Re: Checking portrait/landscape mode for images
giz wrote #342615:
I regularly have to deal with square-ish images; they look square but aren’t.
Is this related to pixel density in one dimension only? Or are they a few pixels out in one dimension because the crop tool that was used rounded up or down? I’ve seen that, where I’ve cropped a photo to 500×500 in some tool then reopened it in the default OS viewing program and it reports 500×501.
The smd plugin menagerie — for when you need one more gribble of power from Textpattern. Bleeding-edge code available on GitHub.
Hire Txp Builders – finely-crafted code, design and Txp
Offline