closed not resolved
jessicah
Member
Hi!
I'm a designer and know little about code. For some reason, the gallery I've added to the home page won't show up.
Any thoughts on how to problem solve this?
Also - my images look terrible ... any recommendations on what pixel dimensions to create the images at in order to have them scale properly and still be crisp?
thanks!!!
j
ps i have to launch this wee site next week.
Dennis
Member
Hi Jessica!
Are you talking about a portfolio? Or a gallery? Can you hand out an URL?
Image-Size: Depends on kind of gallery. See documentation:
$avia_config['imgSize']['widget'] = array('width'=>48, 'height'=>48 ); // small preview pics eg sidebar news, fullscreen slideshow thumbnails
$avia_config['imgSize']['related'] = array('width'=>130, 'height'=>130); // small images for related items
$avia_config['imgSize']['masonry'] = array('width'=>240, 'height'=>9999, 'crop'=>false); // masonry images
$avia_config['imgSize']['portfolio'] = array('width'=>200, 'height'=>140); // medium preview pic portfolio
$avia_config['imgSize']['blog'] = array('width'=>430, 'height'=>9999, 'crop'=>false); // image for blog posts
$avia_config['imgSize']['fullsize'] = array('width'=>1500, 'height'=>1500, 'crop'=>false); // big images for fullsize slider
jessicah
Member
Hi Dennis,
here's the url:
loislaine.com
it's a gallery that I've tried to add to the post. It shows up as added in the edit page but doesn't show up on the page.
As for the images... it's for the full size slider...so i guess this is the one i should use?:
$avia_config['imgSize']['fullsize'] = array('width'=>1500, 'height'=>1500, 'crop'=>false); // big images for fullsize slider
thanks so much!!! the developer my client asked me to work with has been zero help on this and the axe will fall on my head if the site doesn't look good.
cheers
j
Devin
Moderator
Hi j,
As Dennis mentioned, if you have a temporary site online I can take a look at that might help.
For the big background images, using something like 1500x1500 that can be cropped down/clipped for the different screen sizes should give you a pretty good result.
Regards,
Devin
jessicah
Member
H Devin ... the site is http://www.loislaine.com ... I made the bg image with the crisscross lines a transparent png file at 1500px x1500px ... it's still a little fuzzy but much better,
This biggest issue I'm having is that I can't get a gallery to display on the home page...
thanks for your help!!!
jessicah
Member
I'm also having an issue getting the image to sit right in the frame.
if i select "display image without cropping", it doesn't extend to the left hand sie of the browser.
If i select : "images should be scaled to fit" ... the top half of the picture is cropped off by the top of the browser...
see http://loislaine.com/about/ for an example of the former.
(I put the image up as a test to see if it would work - given that it isn't showing up on the home page.)
thank you!
jessica
Dennis
Member
Hey Jessica!
I've been on your site. I'm not a native english-speaker and so I've to tell you, what I've understood... Just to make shure, that I got it right!
Okay - your problem No. 1: For some reason, the gallery I've added to the home page won't show up.
Can I get a link? When I get it right, you maybe think about a (slider?) gallery on all sites? Have you seen this screencast - http://screenr.com/UoRs ? Use this screencast in your backend, which should look like this: http://1.s3.envato.com/files/7079728/images/2_backend.png Take a look at "Default Background Gallery".
Your next point: Also - my images look terrible ...
To be honest: you're right! The images, the clothes and the women are really great. It's a problem with your image-sizes.
First of all - there are two options for the background-slider:
a) full-screen, cropping: this option will "stretch" or "shrink" the images to fit the window of your browser in the width and will crop the top and bottom.
b) full-screen, non cropping: this option will "stretch" or "shrink" the images to fit the window of your browser to the high. The space left and right from the image will be left free.
Option a) is really nice, if you got "landscape"-oriented pictures only - in my opinion. You've to choose a picture, where the motive is in the middle of the picture. If you got fashion-images, most of them will be "portrait"-oriented, Option b) is your friend.
Into deep:
http://loislaine.com/wp-content/uploads/2011/09/bg_lines1.png - make it huge and full-width! Choose option a)
http://loislaine.com/wp-content/uploads/2012/03/bg_slide1_1500x1500.jpg - This is Option b) - see below please! :-)
http://loislaine.com/wp-content/uploads/2012/03/ll_ss_01a1.jpg - image to small. Your image is about 400 px, you need 430 px. :-)
If you want to use Option b), you've to think about your visitors screen-resolution. This are my visitors this month (Top10):
1920x1200 27,09%
1280x800 13,26%
1680x1050 12,97%
1280x1024 12,39%
1366x768 7,78%
1920x1080 7,78%
1440x900 7,49%
768x1024 6,05%
2560x1440 5,19%
Your background-image with the beautiful lady is 1500 px high - http://loislaine.com/wp-content/uploads/2012/03/bg_slide1_1500x1500.jpg
You set this image to option a). That's wrong! If your customer has got a notebook with 1920x1200 px, your image will be blown up to the width and cropped on top and bottom. If you want a crisp image, you have to choose option b) and a hight about 1200 px (or lower because, the viewpoint of your browser is smaller). And you have to think about the borders.
My visitors are photo-enthusiast with higher screen-resolutions (as shown above). Most of them will run a fullscreen-browser-window on galleries. So my images are 1440 px high and I've chosen option b). Problem: my image will loose quality with a hight below 1000 px.
I've you want to see my homepage, copy this to your clipboard:
uggc://jjj.xvryubea-cubgb.qr
and paste it here:
Then you'll get the right URL.
I hope, that'll help you. If not - ask me... :-)
Greetings from Germany
Dennis
Devin
Moderator
Hi jessica,
To build upon what Dennis has said, make sure the background image is set using the backend options. Just to be sure, do you have the pattern set as your background image in the admin options or do you have the pattern image set as the Default Background Image Gallery? If you do, add that image to the images/patterns folder instead and it will be tiled and set as an overlay. Then you can properly set the default background image to a photo.
As for the cropping issue, you will continue to run into this and its not something you can really control. Everyone has different screen resolutions and will see your image cropped or stretched a little differently. If you really want a part of the photo seen by everyone (faces or upper body of a person) you'll need to recrop the image to have that near the center.
If you continue to have issues, you can create a temporary Admin account and send the details to DevinVinson(at)gmail.com. Make sure to put the link to this thread in the email or my junk mail filter will grab it :)
Regards,
Devin
jessicah
Member
Hi Devin & Dennis,
I made the changes to the the image sizes and the site looks waayyy better! http://www.loislaine.com
Thank you both so much for your help!
jessica
This topic has been closed to new replies.
Please start by registering an account for this forum here
Create a new thread and tell me what problems you are encountering and what you want to know.
There is no step 3 :)
We try to answer all questions within a day, monday-friday.
