DENERIK,
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script>
document.addEventListener('DOMContentLoaded', function () {
var imgs = document.getElementsByTagName('img');
for(var i=0;i<imgs.length; i++){
if(window.getComputedStyle(imgs[i]).opacity < 0.6){
imgs[i].style.display = 'none';
}
}
});
</script>
<style>
div {
width: 600px;
}
img {
opacity: 0.3;
width: 100%;
}
#img1 {
opacity: 0.6;
width: 100%;
}
#img2 {
opacity: 0.3;
width: 100%;
}
#img3 {
opacity: 0.5;
width: 100%;
}
#img4 {
opacity: 0.8;
width: 100%;
}
</style>
</head>
<body>
<div><img src="http://img.vz.ru/upimg/p_7/p_754207.jpg" id="img1" > </div>
<div><img src="http://img.vz.ru/upimg/p_7/p_754207.jpg" id="img2" ></div>
<div><img src="http://img.vz.ru/upimg/p_7/p_754207.jpg" id="img3" ></div>
<div><img src="http://img.vz.ru/upimg/p_7/p_754207.jpg" id="img4" ></div>
</body>
</html>