[xwiki-users] Resize images and keep aspect ratio
Hi, I am currently working with big images on my xwiki site. Is there a way to make the images auto-scale to the width of the xWiki page content if the image is too big? In order to avoid the horizontal scroll bar that appears on the page and adjust the images to the width of the xWiki page content. I am using the colibri skin. To make my question more general, What is the best way to dynamically resize images on xwiki? or set a max size for the images maintaining the aspect ratio. Thanks, Abel
If think if you specify the image width and not the height, it will scale maintaining ratio. It is scaling in the browser not on the server. [[image:myImg.png||width=800px]] Caleb Abel Solórzano Astorga wrote:
Hi,
I am currently working with big images on my xwiki site. Is there a way to make the images auto-scale to the width of the xWiki page content if the image is too big? In order to avoid the horizontal scroll bar that appears on the page and adjust the images to the width of the xWiki page content. I am using the colibri skin.
To make my question more general, What is the best way to dynamically resize images on xwiki? or set a max size for the images maintaining the aspect ratio.
Thanks,
Abel _______________________________________________ users mailing list users@xwiki.org http://lists.xwiki.org/mailman/listinfo/users
On 06/22/2010 07:19 AM, Caleb James DeLisle wrote:
If think if you specify the image width and not the height, it will scale maintaining ratio. It is scaling in the browser not on the server.
[[image:myImg.png||width=800px]]
You can also use the 'class' or 'style' attributes to apply CSS properties like max-height or max-width: [[image:myImg.png||class="limitedWidth"]] [[image:myImg.png||style="max-width:500px"]] Marius
Caleb
Abel Solórzano Astorga wrote:
Hi,
I am currently working with big images on my xwiki site. Is there a way to make the images auto-scale to the width of the xWiki page content if the image is too big? In order to avoid the horizontal scroll bar that appears on the page and adjust the images to the width of the xWiki page content. I am using the colibri skin.
To make my question more general, What is the best way to dynamically resize images on xwiki? or set a max size for the images maintaining the aspect ratio.
Thanks,
Abel _______________________________________________ users mailing list users@xwiki.org http://lists.xwiki.org/mailman/listinfo/users
_______________________________________________ users mailing list users@xwiki.org http://lists.xwiki.org/mailman/listinfo/users
Thanks for the help. I just did it and it mantains aspect ratio. On Tue, Jun 22, 2010 at 12:38 AM, Marius Dumitru Florea < mariusdumitru.florea@xwiki.com> wrote:
On 06/22/2010 07:19 AM, Caleb James DeLisle wrote:
If think if you specify the image width and not the height, it will scale maintaining ratio. It is scaling in the browser not on the server.
[[image:myImg.png||width=800px]]
You can also use the 'class' or 'style' attributes to apply CSS properties like max-height or max-width:
[[image:myImg.png||class="limitedWidth"]]
[[image:myImg.png||style="max-width:500px"]]
Marius
Caleb
Abel Solórzano Astorga wrote:
Hi,
I am currently working with big images on my xwiki site. Is there a way
to
make the images auto-scale to the width of the xWiki page content if the image is too big? In order to avoid the horizontal scroll bar that appears on the page and adjust the images to the width of the xWiki page content. I am using the colibri skin.
To make my question more general, What is the best way to dynamically resize images on xwiki? or set a max size for the images maintaining the aspect ratio.
Thanks,
Abel _______________________________________________ users mailing list users@xwiki.org http://lists.xwiki.org/mailman/listinfo/users
_______________________________________________ users mailing list users@xwiki.org http://lists.xwiki.org/mailman/listinfo/users
users mailing list users@xwiki.org http://lists.xwiki.org/mailman/listinfo/users
Abel Solórzano Astorga writes:
To make my question more general, What is the best way to dynamically resize images on xwiki? or set a max size for the images maintaining the aspect ratio.
I have installed a PhotoAlbum application: http://photos.metrolace.ru/HubPicknick0410 Photos are big, but they are resized on server. An URL of resized image look like this: http://photos.metrolace.ru/HubPicknick0410/DSC03621.JPG?height=150 This is http://metrolace.ru/bin/download/Photos/HubPicknick0410/DSC03621.JPG?height=... in the classical naming scheme. width=150 also works. I can't find the complete documentation on attachment parameters. Here: http://code.xwiki.org/xwiki/bin/view/Plugins/ I can see Zip Explorer Plugin here, but I can't see something related to resizing images. -- If you want to get to the top, you have to start at the bottom
participants (4)
-
Abel Solórzano Astorga -
Caleb James DeLisle -
Ivan Levashew -
Marius Dumitru Florea