kay,
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title></title>
<style type='text/css'>
img{
-webkit-transition : all 1.8s;
-moz-transition : all 1.8s;
-o-transition : all 1.8s;
transition : all 1.8s;
}
</style>
<script type='text/javascript'>
window.onload=function(){
function toggle(id, range)
{
range = range||[2,5];//2 сек картинка есть, 5 сек нет
var image = document.getElementById(id),
i = 0;
function show()
{
image.style.opacity = i ? 0 : 1;
setTimeout(show,range[i]*1000);
i ^= 1
}
show()
}
toggle('bbb',[10,5])
}
</script>
</head>
<body>
<img id="bbb" src="http://aromatmeda.ru/d/292096/d/419594603_6.jpg">
</body>
</html>