The Pro Site

Trucos Sobre Imagenes Y Banners

Rotacion de banner:

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:

Efecto zoom:

Imagenes aleatorias con link:

Imagen suviendo hacia arriva:

Menu

Derechos

Worth A Thousand Words

The Pro Site - La Web Que Explota En Ayuda

Trucos Sobre Imagenes Y Banners

Imformacion