Tagged: gallery
-
AuthorPosts
-
February 4, 2016 at 12:44 pm #577731
My images original dimension is 731×1000 px, I want it display in gallery according it’s original length and width scale.
I can not find a suitable preview image size in gallery (if I use no scaling, original width x original height, scale is ok but it will lead to a very heavy page, the page size will be very large and very slow).
So I used Masonry Gallery. It will generate a thumbnail smaller than the original image, but also too large. For examle, I used 6 columns masonry gallery, I think the thumbnail image dimension should be about 212×290. But the actual is not so. I downloaded the page and find the thumbnail image dimension is 498×705.
I really want to lightweight my web page. So what should I do? I have seen some gallery plugin and they do not have similar problems.
Jarred
February 5, 2016 at 7:34 am #578318Dear Sir,
I have the solution according to the old article in forum. But still have little problem.
I found the code in function.php
$avia_config['imgSize']['widget'] = array('width'=>36, 'height'=>36); // small preview pics eg sidebar news $avia_config['imgSize']['square'] = array('width'=>180, 'height'=>180); // small image for blogs $avia_config['imgSize']['featured'] = array('width'=>1500, 'height'=>430 ); // images for fullsize pages and fullsize slider $avia_config['imgSize']['featured_large'] = array('width'=>1500, 'height'=>630 ); // images for fullsize pages and fullsize slider $avia_config['imgSize']['extra_large'] = array('width'=>1500, 'height'=>1500 , 'crop' => false); // images for fullscrren slider $avia_config['imgSize']['portfolio'] = array('width'=>495, 'height'=>400 ); // images for portfolio entries (2,3 column) $avia_config['imgSize']['portfolio_small'] = array('width'=>260, 'height'=>185 ); // images for portfolio 4 columns $avia_config['imgSize']['gallery'] = array('width'=>845, 'height'=>684 ); // images for portfolio entries (2,3 column) $avia_config['imgSize']['magazine'] = array('width'=>710, 'height'=>375 ); // images for magazines $avia_config['imgSize']['masonry'] = array('width'=>705, 'height'=>705 , 'crop' => false); // images for fullscreen masonry $avia_config['imgSize']['entry_with_sidebar'] = array('width'=>845, 'height'=>321); // big images for blog and page entries $avia_config['imgSize']['entry_without_sidebar']= array('width'=>1210, 'height'=>423 ); // images for fullsize pages and fullsize slider $avia_config['imgSize'] = apply_filters('avf_modify_thumb_size', $avia_config['imgSize']);
And added
, 'crop' => false
to what size I need. The problem could be solved if I change the code in father theme directly.The problem is I am using a Child theme, I do not want to change it directly in the father theme. Because it is not convenient for update the theme. So what should I do in the child theme?
I have tried to add entire line of code to function.php in child theme, but it did not work. Such as
$avia_config['imgSize']['square'] = array('width'=>180, 'height'=>180 , 'crop' => false); // small image for blogs
- This reply was modified 8 years, 10 months ago by jarredzhang.
February 8, 2016 at 12:12 pm #579519Hey!
Try the following:
1. Install this plugin: https://wordpress.org/plugins/simple-image-sizes/
2. Go to Settings > Media
3. Change the square image size (increase its height).
4. Regenerate the thumbnails by clicking the button at the bottom.Cheers!
Josue -
AuthorPosts
- You must be logged in to reply to this topic.