Código HTML:
<script> OCULTO="none"; VISIBLE="block"; function mostrar(blo) { document.getElementById(blo).style.display=VISIBLE; document.getElementById('ver_off').style.display=VISIBLE; document.getElementById('ver_on').style.display=OCULTO; } function ocultar(blo) { document.getElementById(blo).style.display=OCULTO; document.getElementById('ver_off').style.display=OCULTO; document.getElementById('ver_on').style.display=VISIBLE; } </script> <div id="ver_on"> <a href="#" onclick="mostrar('bloque')">22 de Marzo de 2010</a> </div><br> <div id="ver_off" style="display: none"> <a href="#" onclick="ocultar('bloque')">Ocultar</a><br> </div> <div id="ver_on"> <a href="#" onclick="mostrar('bloque1')">17 de Abril de 2010</a> </div> <div id="ver_off" style="display: none"> <a href="#" onclick="ocultar('bloque1')">Ocultar</a> </div> <div id="bloque" style="display: none"> <center> Texto del álbum <br> <!-- ________ START EFFECTS CODE - http://www.effectscode.com/ ________ --> <script src="effectscode.com.js" type="text/javascript"></script> <div class="com.effectscode.PhotoShoot" style="width:300px; height:225px;"> <textarea class="effectscode" style="visibility:hidden;" rows="1" cols="20"> // <!-- ____________________________ Start XML ___________________________ <PhotoShoot bgcolor="#001B8D" showTime="3000"> <ZoomImage src="fotosensayos/21-3-10/1.JPG" zoomToX="243" zoomToY="101" /> <ZoomImage src="fotosensayos/21-3-10/2.JPG" zoomToX="243" zoomToY="101" /> <ZoomImage src="fotosensayos/21-3-10/3.JPG" zoomToX="243" zoomToY="101" /> <ZoomImage src="fotosensayos/21-3-10/4.JPG" zoomToX="243" zoomToY="101" /> </PhotoShoot> // _____________________________ End XML ____________________________ --> </textarea><div class="alternateContent"> <a href="http://www.effectscode.com/Slideshows/PhotoShoot">Photo Shoot flash effect script</a> requires <a href="http://www.adobe.com/go/getflash/">Flash 9</a> </div></div> <script type="text/javascript">ECreplace();</script> <!-- _______________________ END EFFECTS CODE _________________________ --> </div> </div> <div id="bloque1" style="display: none"> <br><center><span style="color: #FFFFFF" size="10"> Texto del álbum <br> <!-- ________ START EFFECTS CODE - http://www.effectscode.com/ ________ --> <script src="effectscode.com.js" type="text/javascript"></script> <div class="com.effectscode.PhotoShoot" style="width:300px; height:200px;"> <textarea class="effectscode" style="visibility:hidden;" rows="1" cols="20"> // <!-- ____________________________ Start XML ___________________________ <PhotoShoot bgcolor="#001B8D" showTime="3000"> <ZoomImage src="fotosensayos/17-4-10/1.JPG" zoomToX="243" zoomToY="101" /> <ZoomImage src="fotosensayos/17-4-10/2.JPG" zoomToX="243" zoomToY="101" /> <ZoomImage src="fotosensayos/17-4-10/3.JPG" zoomToX="243" zoomToY="101" /> <ZoomImage src="fotosensayos/17-4-10/4.JPG" zoomToX="243" zoomToY="101" /> <ZoomImage src="fotosensayos/17-4-10/5.JPG" zoomToX="243" zoomToY="101" /> <ZoomImage src="fotosensayos/17-4-10/6.JPG" zoomToX="243" zoomToY="101" /> <ZoomImage src="fotosensayos/17-4-10/7.JPG" zoomToX="243" zoomToY="101" /> </PhotoShoot> // _____________________________ End XML ____________________________ --> </textarea><div class="alternateContent"> <a href="http://www.effectscode.com/Slideshows/PhotoShoot">Photo Shoot flash effect script</a> requires <a href="http://www.adobe.com/go/getflash/">Flash 9</a> </div></div> <script type="text/javascript">ECreplace();</script> <!-- _______________________ END EFFECTS CODE _________________________ --> </div> </div>