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
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
Post a Comment