Pincha aquí para verlo mejor!

01 junio 2008

Ir arriba - Mandar la pagina al Top (Blogger)

Pagian internet Principal del codigoIr arriba, Mandar la pagina al Top, Smooth Scroll como le quieran decir, en realidad no se como se llama, si todavía no saben de que les hablo pues, me refiero de la flechita que esta a mano derecha si estas usando firefox o Iexplorer 7, si es la versión 6 de IE pues es la flecha esta ahií abajo, al final. La flechita tiene como objetivo enviar al top, al inicio, cabecera como se les ocurra llamar, claro esta que eso se hace con el código:

<a href='#top' title='subir' style='position: fixed; bottom: -5px; right: 5px;'><img alt='Subir' src='http://imagendirrecion.gif' /></a>
Ese código debería enviarles arriba siempre su pagina, el código es bastante simple href(direccion) style(habla sobre la posición, ahí ya es cuestión de ustedes donde colocan su botón y de que tamaño es el mismo), ahora muy bien, el código es de pinga, pero quiero hacerlo mas dinámico algo mas bonito, si se fijaron por curiosidad la mía sube en forma continua y no discritemente, esto se debe a un javascript que lo he conseguido en la pagina dezinerfolio, el código es abierto y lo pueden modificar fácilmente, ahora ¿qué hacer?, bueno.

1-Se descargan el Smooth Scroll
2-Descomprimen el archivo y pues lo montan (smooth.pack.js) en cualquier servidor en caso de blogger en googlepages (si quieren).
3- Ahora importan su javascript, solo tienen que pegar en cualquier parte de su blog o sitio el siguiente código con la dirección donde esta smooth.pack.js:

<script type='text/javascript' src='smooth.pack.js'></script>

4- Y por ultimo agregan el código del botón a la pagina y listo:

<a href='#' title='subir' style='position: fixed; bottom: -5px; right: 5px;'><img alt='Subir' src='http://imagendirrecion.gif' /></a>

Ahora bien el código debería funcionar, en mi caso no funciono así que jodi con el otro archivo smooth-src-comments.js el cual tiene el código muy explicito y fácil de entender(mentiras :P estoy exagerando no se nada de Javascript y no entiendo nada), pero ahí hay una parte donde dice speed, ahí en esa parte puedes modificar la velocidad de ejecución entre mas grande tarda mas en llegar al final, también esta la línea 55 que dice lo siguiente:

a = Scroller.scrollTop()
pueden modificarla y dejarla como la mia
a = Scroller.scrollTop()-100
esto con el fin de que llegue hasta el inicio

Luego siguen los pasos de arriba, lo de guardar, y pues ponen la dirreción de smooth-src-comments.js en lugar de smooth.pack.js. Este es un link del demo del javascript, espero que les funcione, sino pues estoy a la orden para dudas :P

No hay comentarios.:

Publicar un comentario