Galeria
http://www.yomaster.com/imagenes27.htm
http://www.paginawebgratis.es/forum/viewtopic.php?t=25351
http://www.stadtaus.com/es/php_scripts/gallery_script/
http://www.paginawebgratis.es/forum/viewtopic.php?t=25664
Aqui dejo un code de javascript muy bueno una mini galeria no es muy dificil de enterder sn mas que decir :
Code entre etiquetas :
Código: |
<script LANGUAGE="Javascript"> <!-- Mas trucos y scripts en http://www.javascript.com.mx --> <!-- Begin prev1 = new Image (32,18); prev1.src = "prev1.jpg"; prev2 = new Image (32,18); prev2.src = "prev2.jpg"; next1 = new Image (32,18); next1.src = "next1.jpg"; next2 = new Image (32,18); next2.src = "next2.jpg"; go1 = new Image (48,24); go1.src = "go1.jpg"; go2 = new Image (48,24); go2.src = "go2.jpg"; maxPic = 5; p1 = new Image (144,96); p1.src = "foto0001.jpg"; link1 = "foto0001g.jpg"; p2 = new Image (144,96); p2.src = "foto0002.jpg"; link2 = "foto0002g.jpg"; p3 = new Image (144,96); p3.src = "foto0003.jpg"; link3 = "foto003g.jpg"; p4 = new Image (144,96); p4.src = "foto0004.jpg"; link4 = "foto0004g.jpg"; p5 = new Image (144,96); p5.src = "foto0005.jpg"; link5 = "foto0005g.jpg"; count = 1; function next() { count++; if (count > maxPic) { count = 1; } eval("document.p.src=p" + count + ".src"); } function back() { count--; if (count == 0) { count = maxPic; } eval("document.p.src=p" + count + ".src"); } function link() { location.href=eval("link" + count); } // End --> </script> |
Entre y :
Código: |
<center>
<table bgcolor="#003366" border=0> <tr> <td align=center width=300> <font color=white face="Arial, Helvetica" size="+1">EXPOSITOR FOTOGRÁFICO</font> <br><br> <img name=p src="foto0001.jpg" border=0 width=144 height=96> <br> <table border=0> <tr> <td><a href="javascript:back()" onmouseover="prev.src=prev2.src" onmouseout="prev.src=prev1.src"><img src="prev1.jpg" width="32" height="18" border="0" name="prev"></td> <td><a href="javascript:link()" onmouseover="go.src=go2.src" onmouseout="go.src=go1.src" ><img src="go1.jpg" width="48" height="24" border="0" name="go"></td> <td><a href="javascript:next()" onmouseover="next.src=next2.src" onmouseout="next.src=next1.src"><img src="next1.jpg" width="32" height="18" border="0" name="next"></td> </tr> </table> <font color="#A3ACC9" size="2" face="Arial"> Imagen tamaño real "GO".</font> </td> </tr> </table> </center> |
Fuente : http://www.javascript.com.mx/