<html>
<head>
<title></title>
<link rel="stylesheet" href="css/styles.css" />
<!-- Put your jQuery script on the next line -->
<!-- Include your JavaScript file on the next line -->
</head>
<body>
<div class="image-frame">
<img src="http://codewithme.us/images/before.jpg" />
</div>
</body>
</html>
.image-frame {
background-image: url(http://codewithme.us/images/after.jpg);
width: 640px;
height: 360px;
}
jQuery(document).ready(function() {
// Write your jQuery command after this line ...
jQuery("___").___(function() {
jQuery("___").___();
});
// ... but before this line
/*
Here is an example:
When I click on the paragraph,
the paragraph will become hidden
jQuery("p").click(function() {
jQuery("p").hide();
});
*/
});