CoDeS wEb - Trucos Sobre Imagenes Y Banners

Aca van los codigos:

No sirve algun codigo contactame

Rotacion de banner:
<SCRIPT LANGUAGE="JavaScript">  </SCRIPT>

Logo estatico:
<span id="logons6" style="position:absolute;"></span> <script> // 1) sustituye 150 y 170 con el ancho y el alto de tu imagen var logowidth=116 var logoheight=42 var staticlogo=new Image(logowidth,logoheight) // 2) cambia la direccion de la imagen por la tuya staticlogo.src="http://www.subir-imagenes.com/imagenes/e0743f9a04.gif" // 3) cambia la url por la de tu pagina var logolink="www.tumundomu.ar.tc" // 4) cambia alttext por otro texto, el mismo que pondrias en el alt="" de un tag IMG var alttext="tu mundo mu" // 5) configura abajo "1" o "0" ("1" desbanece el logo a la vista) Note: IE 4 var fadeintoview=1 // 6) Especifica el tiempo que se vera el logo en pantalla //Al poner 0 el logo no desaparecera. var visibleduration=12 ///////////////////////////No editar debajo de esta linea///////////////////////// var ns4=document.layers var ie4=document.all var ns6=document.getElementById&&!document.all function regenerate(){ window.location.reload() } function regenerate2(){ if (ns4) setTimeout("window.onresize=regenerate",400) } var fadeset='' if (fadeintoview) fadeset="filter:alpha(opacity=0)" if (ie4) document.write('<span id="logo" style="'+fadeset+';position:absolute;top:100;width:'+logowidth+';height:'+logoheight+'"></span>') function bringintoview(){ if (logo.filters.alpha.opacity<=95) logo.filters.alpha.opacity+=5 else{ clearInterval(viewit) if (visibleduration!=0) setTimeout("logo.style.visibility='hidden'",visibleduration*1000) } } function createlogo(){ staticimage=new Layer(100) staticimage.left=-300 staticimage.top=120 staticimage.document.write('<a href="'+logolink+'"><img src="'+staticlogo.src+'" border=0 alt="'+alttext+'"></a>') staticimage.document.close() staticimage.visibility="show" regenerate2() staticitns() } if (ns4) window.onload=createlogo; else if (ie4) crosslogo=document.all.logo else if (ns6) crosslogo=document.getElementById("logons6") if (ie4||ns6){ w=ns6? window.innerWidth-logowidth-18 : document.body.clientWidth-crosslogo.style.pixelWidth-5 h=ns6? window.innerHeight-logoheight-5 : document.body.clientHeight-crosslogo.style.pixelHeight-5 crosslogo.style.left=w crosslogo.style.top=h } function logoit(){ var w2=ns6? pageXOffset+w : document.body.scrollLeft+w var h2=ns6? pageYOffset+h : document.body.scrollTop+h crosslogo.style.left=w2 crosslogo.style.top=h2 } function logoit2(){ staticimage.left=pageXOffset+window.innerWidth-staticimage.document.width-18 staticimage.top=pageYOffset+window.innerHeight-staticimage.document.height-5 } function insertimage(){ crosslogo.innerHTML='<a href="'+logolink+'"><img src="'+staticlogo.src+'" border=0 alt="'+alttext+'"></a>' if (ie4){ if (fadeintoview) viewit=setInterval("bringintoview()",100) else{ if (visibleduration!=0) setTimeout("crosslogo.style.visibility='hidden'",visibleduration*1000) } } } if (ie4){ window.onscroll=logoit window.onresize=new Function("window.location.reload()") window.onload=insertimage } else if (ns6){ startstatic=setInterval("logoit()",100) window.onload=insertimage window.onresize=new Function("window.location.reload()") if (visibleduration!=0) setTimeout("crosslogo.style.visibility='hidden';clearInterval(startstatic)",visibleduration*1000) } function staticitns(){ startstatic=setInterval("logoit2()",90) if (visibleduration!=0) setTimeout("staticimage.visibility='hide';clearInterval(startstatic)",visibleduration*1000) } </script>

Imagenes moviendose 1:
<SCRIPT language=JavaScript1.2> // ancho var marqueewidth=145 // alto var marqueeheight=40 // velocidad var speed=1 // contenido var marqueecontents='<p align="center"><img src="http://ponelurldetuimagen.com" width="100" height="100" border="0"><br></p>' if (document.all) document.write('<marquee direction="up" scrollAmount='+speed+' style="width:'+marqueewidth+';height:'+marqueeheight+'">'+marqueecontents+'</marquee>') function regenerate(){window.location.reload()} function regenerate2(){ if (document.layers){ setTimeout("window.onresize=regenerate",450) intializemarquee() } } function intializemarquee(){ document.cmarquee01.document.cmarquee02.document.write(marqueecontents) document.cmarquee01.document.cmarquee02.document.close() thelength=document.cmarquee01.document.cmarquee02.document.height scrollit() } function scrollit(){ if (document.cmarquee01.document.cmarquee02.top>=thelength*(-1)){ document.cmarquee01.document.cmarquee02.top-=speed setTimeout("scrollit()",100) } else{ document.cmarquee01.document.cmarquee02.top=marqueeheight scrollit() } } window.onload=regenerate2 </SCRIPT>

Galeria de imagenes:
<table border="0" cellpadding="0"> <caption><strong>Titulo de la galeria</strong></caption> <tr> <td width="100%"><img src="#" _fcksavedurl="#" width="150" height="170" name="photoslider"></td> </tr> <tr> <td width="100%"><form method="POST" name="rotater"> <div align="center"><center><p><script language="JavaScript1.1"> var photos=new Array() var which=0 photos[0]="Url de la imagen" photos[1]="Url de la imagen" photos[2]="Url de la imagen" photos[3]="Url de la imagen" photos[4]="Url de la imagen" photos[5]="Url de la imagen" photos[6]="Url de la imagen" photos[7]="Url de la imagen" photos[8]="Url de la imagen" photos[9]="Url de la imagen" photos[10]="Url de la imagen" photos[11]="Url de la imagen" photos[12]="Url de la imagen" photos[13]="Url de la imagen" photos[14]="Url de la imagen" photos[15]="Url de la imagen" photos[16]="Url de la imagen" photos[17]="Url de la imagen" photos[18]="Url de la imagen" photos[19]="Url de la imagen" photos[20]="Url de la imagen" function backward(){ if (which>0){ window.status='' which-- document.images.photoslider.src=photos[which] } } function forward(){ if (which<photos.length-1){ which++ document.images.photoslider.src=photos[which] } else window.status='End of gallery' } </script><input type="button" value="Anterior" name="B2" onClick="backward()"> <input type="button" value="Siguiente" name="B1" onClick="forward()"><br> <a href="#" _fcksavedurl="#" onClick_fckprotectedatt=" onClick="which=1;backward();return false""><small>Comenzar</small></a></p> </center></div> </form> </td> </tr> </table>

Galeria de imagenes 2:
<SCRIPT language="JavaScript"> function display_image(form) { selectionname = form.imagename.options[form.imagename.selectedIndex].text; selection = form.imagename.options[form.imagename.selectedIndex].value; PreView = window.open("", "Preview", "toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0,copyhistory=0,width=200,height=255"); PreView.document.open(); PreView.document.write("<HTML><HEAD>"); PreView.document.write("<TITLE>Preliminar</TITLE>"); PreView.document.write("</HEAD><BODY BGCOLOR=FFFFFF TEXT=000000>"); PreView.document.write("<FORM><CENTER><B><FONT SIZE=+1>" + selectionname + "</FONT></B><HR>"); PreView.document.write("<IMG HSPACE=0 VSPACE=0 " + "SRC='" + selection + "'>"); PreView.document.write("<HR><FORM><INPUT TYPE='button' VALUE='Cerrar' " + "onClick='window.close()'></FORM>"); PreView.document.write("</CENTER>"); PreView.document.write("</BODY></HTML>"); PreView.document.close(); } </SCRIPT> <FORM> <select NAME="imagename" onChange_fckprotectedatt=" onChange="display_image(this.form)""> <option value="url de la imagen" SELECTED>Titulo <option value="url de la imagen">Titulo <option value="url de la imagen">titulo </select> </FORM>

Cambiar imagen al pasar el raton:
<HTML> <HEAD> <SCRIPT LANGUAGE="JavaScript"> if (document.images) { var activado=new Image(); activado.src="tu primera imagen"; var desactivado= new Image(); desactivado.src="tu segunda imagen"; } function activar(nombreImagen) { if (document.images) { document[nombreImagen].src=activado.src; } } function desactivar(nombreImagen) { if (document.images) { document[nombreImagen].src=desactivado.src; } } </SCRIPT> </HEAD> <BODY> <A HREF="url de tu pagina" _fcksavedurl="url de tu pagina" onMouseOver_fckprotectedatt=" onMouseOver="activar('prueba');"" onMouseOut_fckprotectedatt=" onMouseOut="desactivar('prueba');""> <IMG NAME="prueba" SRC="url de la primera imagen" _fcksavedurl="url de la primera imagen" BORDER=0> </A> </BODY> </HTML>

Efecto zoom:
<style type="text/css"> .link{font-family:verdana,arial,helvetica; font-size:8pt; color:#003399; font-weight:normal} .link:hover{font-family:verdana,arial,helvetica; font-size:8pt; color:#0099FF; font-weight:normal} </style> <script language="javascript"> // Configure zoOom var img_path="aca va la direccion de tu imagen"; // La direccion de la imagen | var top_pos=130; // posicion de la imagen desde el tope | var left_pos=70; // posicion desde la izquierda | var max_width=900; // maximo ancho permitido | var min_width=10; // minimo ancho permitido | var time_length=1; // Velocidad del zoom en milisegundos | var step=4; // Pixeles por cada paso del zoom | //----------------------------------------------------------------- document.write('<div id="q_div" style="position:absolute; top:' + top_pos + '; left:' + left_pos + '"><img src="' + img_path + '" border="3" bordercolor="#000000" name="z" alt="zoOom"></div>'); img_act_width=z.width; img_act_height=z.height; var original_time=time_length; function zoom_out() { if(z.width==0) { z.border=0; } if(z.width!=0) { if(z.width>min_width) { z.width-=step; z.height=Math.round(z.width*((img_act_height)/(img_act_width))); setTimeout("zoom_out()",time_length); } else { window.alert('Este es el minimo ancho.'); } } } function zoom_in() { if(z.width==0) { z.border=0; } if(z.width!=0) { if(z.width<max_width) { z.width+=step; z.height=Math.round(z.width*((img_act_height)/(img_act_width))); setTimeout("zoom_in()",time_length); } else { window.alert('Este es el maximo ancho.'); } } } function resume_zoom() { time_length=original_time; } function pause_zoom() { time_length=10000000000; } function set_original() { z.width=img_act_width; z.height=img_act_height; } </script> </head> <table cellspacing="10" cellpadding="10" align="center"><tr> <td style="border:3 solid #000000" align="middle"><a href="#" _fcksavedurl="#" onmouseover_fckprotectedatt=" onmouseover="javascript:resume_zoom();zoom_in();"" onmouseout_fckprotectedatt=" onmouseout="javascript:pause_zoom();"" style="font-family:verdana,arial,helvetica; font-weight:bold; font-size:15pt; color:#003399; text-decoration:none"><font color="#808080">zoOom in</font> +</a></td> <td style="border:3 solid #000000" align="middle"><a href="#" _fcksavedurl="#" onmouseover_fckprotectedatt=" onmouseover="javascript:resume_zoom();set_original();"" style="font-family:verdana,arial,helvetica; font-weight:bold; font-size:15pt; color:#000000; text-decoration:none">original</a></td> <td style="border:3 solid #000000" align="middle"><a href="#" _fcksavedurl="#" onmouseover_fckprotectedatt=" onmouseover="javascript:resume_zoom();zoom_out();"" onmouseout_fckprotectedatt=" onmouseout="javascript:pause_zoom();"" style="font-family:verdana,arial,helvetica; font-weight:bold; font-size:15pt; color:#003399; text-decoration:none"><font color="#808080">ZOoOM out</font> -</a></td> </tr></table> <br><br><br>

Imagenes aleatorias con link:
<Script Language="JavaScript"> hoje = new Date() numero_de_imagens = 2 segundos = hoje.getSeconds() numero = segundos % numero_de_imagenes if (numero == 0){ banner = "Coloca el nombre de la imagen 1 aqui" link = "http://aca va el url" alvo = "_self" } if (numero == 1){ banner = "Coloca el nombre de la imagen 2 aqui" link = "http://aca va el url" alvo = "_self" } document.write('<a href="' + link + '" target="' + alvo + '" ><img src="' + banner + '" border=0></a>') </script>

Imagen suviendo hacia arriva:
<marquee style="WIDTH: 130px; HEIGHT: 180px" scrollamount="1" direction="up" height="180"><center><a href="http://url de la web/" _fcksavedurl="http://url de la web/"><img src="url de la imágen" _fcksavedurl="url de la imágen"/></a></center><p></p><center><a href=" 2da url de web" _fcksavedurl=" 2da url de web"><img src=" 2da url de imagen" _fcksavedurl=" 2da url de imagen" /></a></center><p></p></marquee>

Usa el probador de codigos para configurarlos a tu gusto