Recursos Gratis Webmasters. Codigos Javascript, Applets Java, Tutoriales Para Webmasters

Imágenes con Efectos

LINKS IMAGEN SCROLL

Ejemplo del Javascript:

Puedes poner un scroll de imágenes como aquí, con un enlace en cada foto.

Código fuente (Haz Click en la ventana para Seleccionarlo Todo)

Coloca el código entre las etiquetas [body] y [/body]

<script language="JavaScript1.2">
<!--

var sliderwidth=400
var sliderheight=150
var slidespeed=5

var leftrightslide=new Array()
var finalslide=''
leftrightslide[0]='<a href="http://www.javascript.com.mx/" target="_blank"><img src="01.gif" border=1 alt="Visita Javascript.com.mx"></a>'
leftrightslide[1]='<a href="http://www.cafeonline.com.mx/" target="_blank"><img src="02.gif" border=1 alt="Visita Cafe Online"></a>'
leftrightslide[2]='<a href="http://www.xom.com.mx/" target="_blank"><img src="03.gif" border=1 alt="Visita El Directorio XOM"></a>'

var copyspeed=slidespeed
for (i=0;i<leftrightslide.length;i++)
finalslide=finalslide+leftrightslide[i]+"  "

if (document.all){
document.write('<marquee id="ieslider" scrollAmount=0 style="width:'+sliderwidth+'">'+finalslide+'</marquee>')
ieslider.onmouseover=new Function("ieslider.scrollAmount=0")
ieslider.onmouseout=new Function("if (document.readyState=='complete') ieslider.scrollAmount=slidespeed")
}

function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers){
document.ns_slider01.visibility="show"
setTimeout("window.onresize=regenerate",450)
intializeleftrightslide()
}
if (document.all)
ieslider.scrollAmount=slidespeed
}

function intializeleftrightslide(){
document.ns_slider01.document.ns_slider02.document.write('<nobr>'+finalslide+'</nobr>')
document. ns_slider01.document.ns_slider02.document.close()
thelength=document.ns_slider01.document.ns_slider02.document.width
scrollslide()
}

function scrollslide(){
if (document.ns_slider01.document.ns_slider02.left>=thelength*(-1)){
document.ns_slider01.document.ns_slider02.left-=slidespeed
setTimeout("scrollslide()",100)
}
else{
document.ns_slider01.document.ns_slider02.left=sliderwidth
scrollslide()
}
}
window.onload=regenerate2

//-->
</script>

Todo Para Los Webmasters - Javascripts, Tutoriales, Trucos, Juegos, y Mas...

La mejor colección de trucos de Javascript, botones, banners y mas

Imágenes con Efectos