javascript - responsive images and different pic resolutions -


i have website, , can see on index page have 80% width , 100% container , in picture. there problem different images , resolutions, stretched narrow. want pic full screen size , 80% width , have proper aspect ratio. need javascript crop images? please need insights on how that. slider can trick if has cropping feature , possibility of 80% width , 100% height

here url

http://tinyurl.com/otwocvz

try removing image , add image header2 background.

.header2 { position: absolute; z-index: -1; width: 100%; height: 100%; background-color: #ccc; display: block; background: url(http://leowd.com/wp-content/uploads/2014/08/leowd-umbrella-red2.jpg) no-repeat center center fixed; background-size: cover; } 

Comments

Popular posts from this blog

java - How to specify maven bin in eclipse maven plugin? -

single sign on - Logging into Plone site with credentials passed through HTTP -

php - Why does AJAX not process login form? -