Untitled

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Bootstrap 101 Template</title>

    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
	<script type="text/javascript">
		$(document).ready(function(){
		$("#mainImg").load(function() {
		$(".notmain").attr('src', function() {
		return $(this).attr("data-src");
		});
		$("#ma").load(function() {
		$(".notload").css("opacity", "1")
		});
		});
		})
	</script>
		<div width="100%" height="100px" style="background: red;">0</div>
		<p>
		<img width="100px" height="100px" style="border: none;" src="" data-src="http://img0.reactor.cc/pics/post/full/Anime-Art-%D0%B0%D0%BD%D0%B8%D0%BC%D0%B5-%D0%BE%D0%B3%D1%80%D0%BE%D0%BC%D0%BD%D0%B0%D1%8F-%D0%BA%D0%B0%D1%80%D1%82%D0%B8%D0%BD%D0%BA%D0%B0-449820.jpeg" class="notmain">
		<img id="ma" width="100px" height="100px" style="border: none; src="" data-src="http://img0.reactor.cc/pics/post/full/%D0%BA%D1%80%D0%B0%D1%81%D0%B8%D0%B2%D1%8B%D0%B5-%D0%BA%D0%B0%D1%80%D1%82%D0%B8%D0%BD%D0%BA%D0%B8-Anime-Art-Anime-%D0%BD%D1%8F%D1%88%D0%B0-1132838.jpeg" class="notmain">
		<img width="100px" height="100px" style="border: none; src="" data-src="http://anticache.img0.joyreactor.cc/pics/post/full/18%2B-%D0%B1%D0%BE%D0%BA%D1%81-%D0%BF%D0%B5%D1%81%D0%BE%D1%87%D0%BD%D0%B8%D1%86%D0%B0-%D1%8D%D1%80%D0%BE%D1%82%D0%B8%D0%BA%D0%B8-%D0%AD%D1%80%D0%BE%D1%82%D0%B8%D0%BA%D0%B0-518500.jpeg" class="notmain">
		</p>
		<p><img width="300px" height="100px" src="http://www.spitzer.caltech.edu/uploaded_files/images/0006/3034/ssc2008-11a12_Huge.jpg" id="mainImg"></p>
<div width="100%" height="100px" style="background: green; opacity: 0.1;" class="notload">0</div>
<div width="100%" height="100px" style="background: black;">0</div>
		</body>
</html>