Limit picture Size / Avoid scaling up of picture
Permalink Browser Info Environment
Hello,
first I want to thank you for the slider.
Second I have a short question: Is it possible to limit the size of the shown pictures? I need to limit the height of the pictures but unfortunately they are not only shown in there original size, but get scaled up.
Thank you for your help in advance
With my best regards
Robert
first I want to thank you for the slider.
Second I have a short question: Is it possible to limit the size of the shown pictures? I need to limit the height of the pictures but unfortunately they are not only shown in there original size, but get scaled up.
Thank you for your help in advance
With my best regards
Robert
| Type: | Pre-Sale |
|---|---|
| Status: | In Progress |
You mean if I limit the size of the width this will automatically limit the size of the height, correct?
Yes. The images will resize height and width, keeping the same ratio.
For example, if you were to add
you should end up with a 500px wide slider centred on the page.
For example, if you were to add
<div style="max-width:500px;margin:0 auto"> <?php $area = new Area('Slider'); $area->display($c); ?> </div>
you should end up with a 500px wide slider centred on the page.
From all I've read in the net, your code should be fine. Unfortunately for me the box was not centered, but left alined. Maybe because I set the theme to container-fluid? Tried different settings, get it right alined but never centered.
However, I used your first suggestion with the 3 columns which is duing the job.
Thank you for your time and help.
However, I used your first suggestion with the 3 columns which is duing the job.
Thank you for your time and help.
First off all: thank you for this usefull add-on! I want to use it on a new version of my photography website but I need the max width to 1000px. Can I just add this at the end of view.php or should that be done elsewhere? Hope to hear from you soon!
====
<div style="max-width:1000px;margin:0 auto">
<?php
$area = new Area('Slider');
$area->display($c);
?>
</div>
====
====
<div style="max-width:1000px;margin:0 auto">
<?php
$area = new Area('Slider');
$area->display($c);
?>
</div>
====
Failing that, if you're comfortable editing your template, wrap a div tag around the area and give it a maximum width what works for your images.