Photis are stretched in my website

Im a fairly new webdesigner and I am attempting my first project here and for the background I have the image taking up the whole background in a slideshow form but thphotos are stretching out. I have Photoshop to mess with the pixels but maybe I am not doing something right. The lady we have photographing it is also new photography so is there something she has to do on her end to make a rectangular photo to fit the screen without getting stretched out. She has like a $5000 camera so we have all the right tools just need help with what exactly we have to do. Any help here is appreciated Cheers!
jeffreychorbaAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Dave BaldwinFixer of ProblemsCommented:
You have to show us your code, at least the part for the pictures.  There are a lot of things you can do that distort pictures.
0
Scott Fell, EE MVEDeveloper & EE ModeratorCommented:
I have expensive  power and air tools....but I am the last person you want to build your deck.  The same goes for having the best software, having the tools and using them are not the same.

It does not matter that the person who has the camera has a disposable camera or $5000 of new equipment, you can get a great full blown background image with either.  Making it look good will be dependent on the eye of the photographer and skills of the person using the tool.  Of course, you can throw an odd filter at it like instagram and all the sudden everybody is a pro.

There are a lot of ways you can do this and one is to use pure css.  There is also a project that has been around for a while that is worth looking into http://buildinternet.com/project/supersized/

The key is to make sure the image you start with was saved at a higher resolution then what you end up with.  You can always downsample your image, but you can't go up without blowing it apart (pixelate).  You don't have the get the image totally full screen size, you will see with the supersized demo that the image is increased in size a little by the javascript.  

You might also want to use a smaller image for for phones by using media queries.   https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries

If this is your first shot at web dev, spend a few days going over some fundamentals as it will make your life easier in the long run http://www.codecademy.com/tracks/web 

As far as using photoshop, there are a lot of tutorials.  Some are geared for print and some are geared for web. There is a big difference so make sure to start with web.   Most important is to understand the relationship with pixel size and image size http://help.adobe.com/en_US/photoshop/cs/using/WSfd1234e1c4b69f30ea53e41001031ab64-7945a.html 

Just keep practicing too!
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Web Frameworks

From novice to tech pro — start learning today.