Tutoriales en la Web

<link rel="stylesheet" type="text/css" href="css/estilo.css">
<script src="js/jquery.js"></script> 
 
<script>
 
$(function() {
	$("#apple img[rel]").overlay({effect: 'apple'});
});
</script>

@charset "utf-8";
/* CSS Document */
 
div.apple_overlay.black {
		background-image:url(../imagenes/fondonegro.png);
		color:#fff;
	}
 
	div.apple_overlay h2 {
		margin:10px 0 -9px 0;
		font-weight:bold;
		font-size:14px;
	}
 
	div.black h2 {
		color:#fff;
	}
 
	#apple {
		margin-top:10px;
		text-align:center;
	}
 
	#apple img {
		background-color:#fff;
		padding:2px;
		border:1px solid #ccc;
		margin:2px 5px;
		cursor:pointer;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
	}
 
.apple_overlay {
 
	display:none;
	background-image:url(../imagenes/fondoblanco.png);
	width:640px;
	padding:35px;
	font-size:11px;
}
 
.apple_overlay .close {
	background-image:url(../imagenes/cerrar.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}

<div id="apple">
	<img src="imagenes/chicharito1.jpg" rel="#photo1">
	<img src="imagenes/chicharito2.jpg" rel="#photo2">
    <img src="imagenes/chicharito3.jpg" rel="#photo3">
    <img src="imagenes/chicharito4.jpg" rel="#photo4"></div>
 
<div class="apple_overlay black" id="photo1"><a class="close"></a>
  <img src="imagenes/chicharitog1.jpg">
 
	<div class="details">
		<h2>Chicharito</h2>
 
		<p>
			Javier Chicharito Hernández.
		</p>
	</div>
</div>
 
<div class="apple_overlay" id="photo2"><a class="close"></a>
	<img src="imagenes/chicharitog2.jpg">
 
	<div class="details">
		<h2>Chicharito</h2>
 
		<p>
			Javier Chicharito Hernández.
		</p>
  </div>
  </div>
 
    <div class="apple_overlay black" id="photo3"><a class="close"></a>
  <img src="imagenes/chicharitog3.jpg">
 
	<div class="details">
		<h2>Chicharito</h2>
 
		<p>
			Javier Chicharito Hernández.
		</p>
	</div>
</div>
 
<div class="apple_overlay" id="photo4"><a class="close"></a>
  <img src="imagenes/chicharitog4.jpg">
 
	<div class="details">
		<h2>Chicharito</h2>
 
		<p>
			Javier Chicharito Hernández.
		</p>
	</div>
</div>
 
</div>