Forums

How do I resize pages to make photos fully visible without scrolling?

Permalink
My homepage and blog page (dark chocolate template) have numerous project photos that are so large on the site visitors have to scroll to view. Is there a way to manipulate the boxes with slide shows to reduce size? I saw several posts referring to "css". I am novice but willing and fast learner.

Thank you
 
coleatron replied on at Permalink Reply
coleatron
You should be able to edit the image size from the block properties if you are using the built in "image" block.
TheRealSean replied on at Permalink Best Answer Reply
TheRealSean
Funily enough I was working through this today,

It is possible but whats easier and better in my opinion is
This free image slide from Conrete5 Studio

http://concrete5studio.com/add-ons/ukao-slider/...

If you want to do it in the slideshow, create a template

in the view.php add the image helper class to the top of the page
<?php $im = Loader::helper('image'); ?>

foreach($images as $imgInfo) {
      $f = File::getByID($imgInfo['fID']);
//add in the ability to pull a thumbnail
//set the height and width you would like to use
//hard coded sorry, but you could use a page attribute?   
$thumb = $im->getThumbnail($f, $width, $height);
//if you have the image crop helper class you could use
//$thumb = $im->getThumbnail($f, $width, $height, array('crop'=true));
      $fp = new Permissions($f);
      if ($fp->canRead()) {
         if(!$notFirst) echo ',';
         //removed this as its original link
         /*fullFilePath:"<?php echo $thumb->src()?>",*/
//instead added a thumbnail call
         $notFirst=0
Viewing 15 lines of 27 lines. View entire code block.
TheRealSean replied on at Permalink Reply
TheRealSean
Of course you could edit the images from the File Manager, but thats a longer method.

I have done this before duplicated images, created a set, then used Picnic to set the dimensions of the box. now I use the image crop class and pass in the relevant width and height.

You can grab the image helper from here
http://www.concrete5.org/community/forums/customizing_c5/getthumbna...
pstopkat replied on at Permalink Reply
I did endup using file manager and have resized the pics. I think I will try your other method as it sounds like it would be faster.
Thank you for your help