Trindaz/gist:a8c58d2e911ace1ca7c8

## gistfile1.txt
<html>
    <head>
        <style>

            .imageList img {
                transition: opacity 2s ease;
            }

            .imageList img.inactive {
                opacity: 0;
            }

            .imageList img.active {
                opacity: 1;
            }

        </style>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
        <script>
            function imageLoaded(){
                $('#testImage').removeClass('inactive').addClass('active');
            }
        </script>
    </head>
    <body>
        <div class="imageList">
            <img id="testImage" class="inactive" onLoad="imageLoaded();" src="http://i.imgur.com/6AM39pw.gif" />
        </div>
    </body>
</html>
	<html>
	<head>
	<style>

	.imageList img {
	transition: opacity 2s ease;
	}

	.imageList img.inactive {
	opacity: 0;
	}

	.imageList img.active {
	opacity: 1;
	}

	</style>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
	<script>
	function imageLoaded(){
	$('#testImage').removeClass('inactive').addClass('active');
	}
	</script>
	</head>
	<body>
	<div class="imageList">
	<img id="testImage" class="inactive" onLoad="imageLoaded();" src="http://i.imgur.com/6AM39pw.gif" />
	</div>
	</body>
	</html>