miércoles, 26 de enero de 2011

zoom para las fotos para blogger

copian este codigo

 <script type="text/javascript" src="http://valid.tjp.hu/tjpzoom/tjpzoom.js"></script>
<!-- <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>

  <script type="text/javascript" src="http://andresfelipe2288.blogspot.com/"></script>
  <script src="http://andresfelipe2288.blogspot.com/" type="text/javascript"></script>
  <script src="http://andresfelipe2288.blogspot.com/" type="text/javascript"></script>

  <link href="booklet/jquery.booklet.1.1.0.css" type="text/css" rel="stylesheet" media="screen" />
  <link rel="stylesheet" href="css/style.css" type="text/css" media="screen"/>
                 http://andresfelipe2288.blogspot.com/
  <script src="cufon/cufon-yui.js" type="text/javascript"></script>
  <script src="http://andresfelipe2288.blogspot.com/" type="text/javascript"></script>
  <script src="http://andresfelipe2288.blogspot.com/" type="text/javascript"></script>
  <script type="text/javascript">
   Cufon.replace('h1,p,.b-counter');
   Cufon.replace('.book_wrapper a', {hover:true});
   Cufon.replace('.title', {textShadow: '1px 1px #C59471', fontFamily:'ChunkFive'});
   Cufon.replace('.reference a', {textShadow: '1px 1px #C59471', fontFamily:'ChunkFive'});
   Cufon.replace('.loading', {textShadow: '1px 1px #000', fontFamily:'ChunkFive'});
  </script>
  -->
 
<script type="text/javascript"><!--
 var TJPzoomoffset='smart';
//--></script>

luego de esto guardan
y en las entradas ponen el siguiente codigo
 <p><a href="#" onclick="if(TJPzoomswitch(document.getElementById('unique113'))) {this.innerHTML='-'quitar zoom por andres2288'} else {this.innerHTML='+'encender zomm por andres2288'}; return false;">activar el zoom</a></p>
<div>
    <img src="url de tu imagen" style="width:640px; height: 480px;" onmouseover="TJPzoomif(this);" id="unique113"/>
</div>

guardan la entrada y listo

aqui un ejemplo

activar el zoom


0 comentarios:

Publicar un comentario