Búsqueda en el Foro:
Buscar


« Ver tema anterior :: Ver siguiente tema »  
Autor Mensaje
Mensaje17-12-2009, 21:45 (UTC)    
Título del mensaje: [Código Javascript] Efecto interesante en imágenes

Bueno antes que nada dejenme decirles que en el foro hay algo parecido posteado por todobanner pero quise postearlo desde otra perspectiva mas facil sin menospreciar el del amigo todobanner aca dejo la url: del foro de todobanner: http://www.paginawebgratis.es/forum/viewtopic.php?t=16013&highlight=c%F3digo+javascript+thickbox+galeria+precarga+opacidad

espero les guste...


Este codigo deden ponerlo entre <head> y </head>
y en el <body onload="initLightbox()">

ver ejemplo aca lo subi: http://falconmedanos.webcindario.com/www/index.html

Código:
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
<script type="text/javascript" src="js/prototype.lite.js"></script>
<script type="text/javascript" src="js/moo.fx.js"></script>
<script type="text/javascript" src="js/litebox-1.0.js"></script>



estas son las imagenes las ponen donde quieran que salgan
Código:
                 <a href="images/image-1.jpg" rel="lightbox[example]" title="Horses"><img src="images/thumb-1.jpg" width="100" height="40" alt="Beautiful Horses" class="bordered" /></a>
<a href="images/image-2.jpg" rel="lightbox[example]" title="Sprouts"><img src="images/thumb-2.jpg" width="100" height="40" alt="Beautiful Sprouts" class="bordered"/></a>
<a href="images/image-3.jpg" rel="lightbox[example]" title="Sup dog?"><img src="images/thumb-3.jpg" width="100" height="40" alt="Sup dog?" class="bordered" /></a>

<a href="images/image-1.jpg" rel="lightbox"><img src="images/thumb-1.jpg" width="100" height="40" alt="Beautiful Horses" class="bordered" /></a>


aca tambien dejo las url de los codigos, css, js,prototype,js,moo etc.. para hacerle mas facil el manejo solo deben ponerlo donde estan marcados con negrita y sus respectivos colores ademas estan en orden


http://img6.xooimage.com/files/f/c/0/lightbox-af11a0.css


http://img3.xooimage.com/files/a/a/d/style-1687408.css


http://img9.xooimage.com/files/5/0/3/prototype.lite-1687427.js

http://img3.xooimage.com/files/e/c/2/moo.fx-1687437.js

http://img9.xooimage.com/files/4/a/6/litebox-1.0-1687446.js


Les explico un poco las url de los codigos la deben poner Ej: en la primer linea>>> <link rel="stylesheet" href="http://img6.xooimage.com/files/f/c/0/lightbox-af11a0.css" type="text/css" media="screen" />aca ponen la primera
ahora uds desarrollen un poco mas la mente!!!!!!
se me olvidba faltan las url de todas las imagenes!!!!!!!!!!!!!

link de descarga http://img1.xooimage.com/files/5/c/9/images-1688d37.rar
guardalas y cualquier duda preguntar

Fuente:
http://codigoaldescubierto.wordpress.com/contenido/litebox/


Ultima edición por garcesjose9 el Jue Abr 08, 2010 10:27 am; editado 4 veces
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group