Lightbox issue

9 posts from 3 voices

• Started 7 months ago by tattoolike
• Latest reply from tattoolike
• This topic is closed
• This topic is resolved

Tags:

No tags yet.

1. 

   tattoolike
   Member

   Hi, I just purchased your Expose theme, which looks very promising for my purposes.

   However, I have a problem in lightbox with the resize option on featured images.

   What i need is the image that pops up on mouse over, to be displayed fully in the original size and resolution.

   Thanks in advence.

   Posted 7 months ago #
2. 

   Devin
   Moderator

   Hi tattoolike,

   You'll need to change the size of the image that gets generated by the functions.php file. Open up your functions.php file thats in the main folder of your theme files and look for this line:
   $k_option['custom']['imgSize']['L'] = array('width'=>610, 'height'=>260); // big preview pic for posts

   Change the dimensions for width and height to the max size you want to appear on hover. Keep in mind this will slow down your page loading if the images are too big.

   Regards,

   Devin

   Posted 7 months ago #
3. 

   tattoolike
   Member

   Hello Devin,

   thanks for your responde, but changing this value i will not resolve the problem. The images uploaded from users in my site, has different sizes and maybe some of them will be distort on mouse over. What i need is to find a way so that the width size will be always fixed (400px) but the height will be in proporzional size. Something like this: http://www.kriesi.at/themedemo/?theme=abundance (image with LUMIX camera).

   Ragards,
   Tattoolike

   Posted 7 months ago #
4. 

   Nick
   Moderator

   Hi,

   Please try this type of code

   <img style="max-width: 400px; height: auto; " src="image.jpg" />

   Please install this plugin - Simple Image Sizes plugin ( http://wordpress.org/extend/plugins/simple-image-sizes/ ). The plugin will give you complete control over all image sizes in the theme - from aspect ratio, to width, whether to crop the image, and even has a built in thumbnail regenerator.

   After installing the plugin, you will find your Settings > Media page in the backend to contain the various sizes. Then simply find the dimensions you want to change. Save. Regenerate the images and see if you like what you see or want to tweak the image sizes further.

   thanks,

   Nick

   Posted 7 months ago #
5. 

   tattoolike
   Member

   Hi Nick,

   i suppose that this plugin is the same used in exposed theme, incorporate it in the code. Anyway, I think that there isn't a way to fix the problem because in the settings of the plugin you can only insert numbers for image width and height (not %). Can you please tell me where to insert the code you send me? Also, i want to ask you if there is someone of your team that can work on it and help me resolve the issue with the images.

   Ragards,
   Tattoolike

   Posted 7 months ago #
6. 

   Nick
   Moderator

   Hi,

   Please go to Settings > Media in the Backend.

   Make the width 400. Make the height 9999 and make sure the checkbox is OFF that says 'Crop thumbnail to exact dimensions (normally thumbnails are proportional)'

   Be careful allowing users to upload images. That's the easiest way to get your website hacked when using incorrect code.

   Thanks,

   Nick

   Posted 7 months ago #
7. 

   tattoolike
   Member

   hi Nick,

   finally i resolve the problem changing the numbers of width and height from "pixels" in "auto" in function.php .

   #####################################################################
   # Define Thumbnail sizes
   #####################################################################
   $k_option['custom']['imgSize']['base'] = array('width'=>267, 'height'=>180); // backend preview size, if changed does not affect the frontend
   $k_option['custom']['imgSize']['S'] = array('width'=>60, 'height'=>60); // small preview pics, eg for sidebar news
   $k_option['custom']['imgSize']['M'] = array('width'=>180, 'height'=>auto); // small preview pic for posts
   $k_option['custom']['imgSize']['L'] = array('width'=>auto, 'height'=>auto); // big preview pic for posts
   $k_option['custom']['imgSize']['XL'] = array('width'=>884, 'height'=>390); // big images for fullsize pages

   Thank you for the advises !!!

   Posted 7 months ago #
8. 

   Nick
   Moderator

   Hi,

   Great. I never tried adding auto there before. Using auto for both height and width doesn't make Wordpress freak out?

   Thanks for sharing the solution!

   Nick

   Posted 7 months ago #
9. 

   tattoolike
   Member

   Hi,

   you can take a look (http://www.tattoolike.com/tattoolike/). Seems to work fine!

   Thanks.
   Regards,
   Tattoolike

   Posted 7 months ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.