Thread

Hi, I need to output the width of my images so I can use a Jquery image carrousel. Every image has a different width.

I’m using the {width} variable but nothing is rendered. This is my code:

{exp:channel:entries channel="clients" status="open" orderby="title" sort="asc" }
{logo}
 <li>
  {path}{filename}.{extension}
 </li>
{/logo}
{/exp:channel:entries}

But this is what I get:

<li>
 <a href="http://croslandmaquinarias.com.pe/images/uploads/logos_clientes/energy.png">http://croslandmaquinarias.com.pe/images/uploads/logos_clientes/energy.png</a>
</li>

I dont want the width of a manipulation, I need the image full size width.

What could be missing?

{width} not available variables in File Fields see http://ellislab.com/expressionengine/user-guide/modules/channel/custom_fields.html

{width} is variables in File Module http://ellislab.com/expressionengine/user-guide/modules/file/file_tag.html

the only way to do what u wont is useing query module to do that with (file table)

Ok it almost worked, but height and width are stored in a single field separated by a space. So when I do this:

{exp:query sql="SELECT file_hw_original FROM exp_files WHERE title = '{filename}.{extension}'"} {file_hw_original} {/exp:query}px

I get something like: style=“width: 300 200px;”

Any ideas on how to get only the width?

u can use php explode function to return array then u get the key 1 of array.

however u will use php tag I prefer using getimagesize function like this:

{exp:channel:entries channel="clients" status="open" orderby="title" sort="asc" }
{logo}
<?php $file_path="{path}{filename}.{extension}"; $imginfo = @getimagesize($file_path); $width=$imginfo[0]; $height=$imginfo[1];?>
 <li>
  {path}{filename}.{extension}
 </li>
{/logo}
{/exp:channel:entries}

Hi chiste,

Did that help you?

There are also add-ons available that achieve the same thing here and here

Ahmad solution is perfect for me because it allows me to store the image height in a variable and divide it by two, which I need to center the image vertically in the middle.

Thanks

chiste,

Glad to see that Ahmad was able to provide you exactly what you were looking for, thanks Ahmad!

If you need assistance in the future, just let us know in a new thread.

Cheers!