Skip to content

Instantly share code, notes, and snippets.

@ricardosiri68

ricardosiri68/index.html

Created May 24, 2013 02:50
Show Gist options
  • Save ricardosiri68/5640985 to your computer and use it in GitHub Desktop.
Save ricardosiri68/5640985 to your computer and use it in GitHub Desktop.
Download ZIP
lindo efecto en galeria con jquery
Raw
index.html
<html>
<head>
<script src="http://code.jquery.com/jquery.min.js"
type="text/javascript"></script>
<script>
$(function(){
rama = $(".rama");
function selectedImage(){
rama.not(this).animate({"opacity": "0.4"}, 100)
}
function toggleAll(){
rama.animate({"opacity": "1"}, 100)
}
rama.hover(selectedImage,toggleAll);
});
</script>
</head>
<body>
<div class="ramas fix box">
<h2>Conoce nuestras ramas</h2>
<div class="subramas">
<a href="javascript:void(0);">
<div class="rama active">
<img src="http://k35.kn3.net/taringa/0/3/2/3/8/6/tavot/4F8.jpg?1042"
alt="rama castores" width="100" height="100">
</div>
</a>
<a href="javascript:void(0);">
<div class="rama active">
<img src="http://k35.kn3.net/taringa/0/3/2/3/8/6/tavot/4F8.jpg?1042"
alt="rama castores" width="100" height="100">
</div>
</a>
<a href="javascript:void(0);">
<div class="rama active">
<img src="http://k35.kn3.net/taringa/0/3/2/3/8/6/tavot/4F8.jpg?1042"
alt="rama castores" width="100" height="100">
</div>
</a>
<a href="javascript:void(0);">
<div class="rama active">
<img src="http://k35.kn3.net/taringa/0/3/2/3/8/6/tavot/4F8.jpg?1042"
alt="rama castores" width="100" height="100">
</div>
</a>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment