Thickbox xD
Script thickbox !
En 1 º
Descargamos este archivo :
http://informatica-practica.net/tutoriales/ThickBox%5Bwww.informatica-practica.es.mw%5D.rar
Ahora abrir el block de notas
Alli encontrararas este code:
| Código: |
|
$("body").append("<div id='TB_load'><img src='ACA PONEMOS LA RUTA DE LA IMAGEN DE PRECARGA' /></div>"); |
Este code es para la imagen de loading aqui dejo algunos :
Fuente de los cargadores :
http://www.paginawebgratis.es/forum/viewtopic.php?t=10843&highlight=imagenes+carga
En 2 º Ahora a subir archivos te preguntara donde ?
Bueno yo use estos dos servidores sencillos:
Para los archivos js : ( el jquery y el thickbox )
http://img5.xooimage.com
Para los css
el block de notas)http://www.fileden.com/ ai que registrarse pero vale la pena
Paso 3 ahora pon encima de la pagina los codes para que esten instalados en tu web :
El jquery y el thickbox :
| Código: |
|
<script type="text/javascript"src="Archivo jquery"></script> <script type="text/javascript" src="Archivo thickbox"></script><br /> |
Ahora para el block css:
| Código: |
|
<link rel="stylesheet" href="Url del block de notas archivo css!" type="text/css" media="screen" /> <br /> |
Ultimo paso :
Para poner el efecto ya que esta instalado esta esto:
Agrega cuantos desees :
| Código: |
|
<a href="url de imagen grande" title="Informacion acompañado " class="thickbox"><img width="180" height="179" border="0" alt="" src="Url de imagen pequeña" class="espacio_derecha" /></a>
|
Extra : jeje siempre tengo extra aqui tengo los dos scripts ya subidos si les da flojera puede usarlos :
| Código: |
|
<script type="text/javascript"src="http://img5.xooimage.com/files/8/6/8/jquery-a7974e.js"></script> <script type="text/javascript" src="http://img3.xooimage.com/files/4/6/8/thickbox-a7967c.js"></script><br /> <br /> <link rel="stylesheet" href="http://www.fileden.com/files/2008/12/9/2217600/thickbox.css" type="text/css" media="screen" /> <br /> <br /> |
"Pegarlo por encima de la pagina"
Espero que haya servido de ayuda
Prueba :
