Skip to content

Instantly share code, notes, and snippets.

@jathayde

jathayde/gist:399975

Created May 13, 2010 15:44
Show Gist options
  • Save jathayde/399975 to your computer and use it in GitHub Desktop.
Save jathayde/399975 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
gistfile1.txt
<script src="javascripts/jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="javascripts/application.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8">
$(function() {
$('#thumb1').click(function() {
$('#feature').attr('src', 'images/feature1.jpg');
});
$('#thumb2').click(function() {
$('#feature').attr('src', 'images/feature2.jpg');
});
$('#thumb3').click(function() {
$('#feature').attr('src', 'images/feature3.jpg');
});
});
</script>
</head>
<body>
<div id="nest">
<div id="header">
<img src="images/logo.png" alt="Lecky Design Studio" id="logo" />
<ul id="nav">
<li><img src="images/nav_home_off.png" /></li>
<li><img src="images/nav_profile_off.png" /></li>
<li><img src="images/nav_services_off.png" /></li>
<li><img src="images/nav_clientlist_off.png" /></li>
<li><img src="images/nav_projectportfolio_on.png" /></li>
</ul> <!-- // #nav -->
</div> <!-- // #header -->
<div id="feature">
<img src="images/feature1.jpg" alt="portfolio images of the project" id="featurepic" />
<p class="dateloc"><em>Washington, DC</em>Completed March, 2007</p>
<p class="projectinfo"><em>Samburg Residence</em>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div> <!-- // #feature -->
<ul id="projects">
<li><a href="#"><img src="images/thumb1.jpg" id="thumb1" /></a></li>
<li><a href="#"><img src="images/thumb2.jpg" id="thumb2" /></a></li>
<li><a href="#"><img src="images/thumb3.jpg" id="thumb3" /></a></li>
<li><a href="#"><img src="images/thumb4.jpg" id="thumb4" /></a></li>
</ul> <!-- // #projects -->
</div> <!-- // #nest -->
<!-- ‹‡§‡› -->
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment