Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
tree: c288004f9c
Fetching contributors…

Cannot retrieve contributors at this time

executable file 72 lines (61 sloc) 2.268 kb
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Parent-Child Fader</title>
<link rel="stylesheet" href="css/styles.css" type="text/css" media="screen">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="js/jquery.parentChildFader.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
jQuery($("div.parent-child-fader")).parentChildFader();
// $("div.parent-child-fader").parentChildFader({
// autoplay: true,
// startText:"start",
// stopText:"stop",
// pauseOnHover: true,
// showStartStopControl: true,
// showNavigation: true,
// fadeInSpeed: 2500,
// fadeOutSpeed: 2500,
// interval: 4000
// });
});
</script>
</head>
<body>
<div id="page-wrap">
<div class="parent-child-fader">
<!-- Parent Images -->
<div class="parent-set">
<ul>
<li><img src="images/parent-1.jpg" alt="" /></li><!-- Parent 1 (associated with Childset 1) -->
<li><img src="images/parent-2.jpg" alt="" /></li><!-- Parent 2 (associated with Childset 2) -->
<li><img src="images/parent-3.jpg" alt="" /></li><!-- Parent 3 (associated with Childset 3) -->
</ul>
</div>
<!-- Childset Images -->
<div class="child-sets">
<!-- Childset 1 -->
<ul>
<li><img src="images/child-1.jpg" alt="" /></li>
<li><img src="images/child-2.jpg" alt="" /></li>
<li><img src="images/child-3.jpg" alt="" /></li>
</ul>
<!-- Childset 2 -->
<ul>
<li><img src="images/child-4.jpg" alt="" /></li>
<li><img src="images/child-5.jpg" alt="" /></li>
<li><img src="images/child-6.jpg" alt="" /></li>
</ul>
<!-- Childset 3 -->
<ul>
<li><img src="images/child-7.jpg" alt="" /></li>
<li><img src="images/child-8.jpg" alt="" /></li>
<li><img src="images/child-9.jpg" alt="" /></li>
</ul>
</div>
</div>
</div>
</body>
</html>
Jump to Line
Something went wrong with that request. Please try again.