CURSO COMPLETO DE DREAMWEAVER 8

--BÁSICOS--

 

11 - IMAGENES O CAPAS CON EFECTO BARRA DE DESPLAZAMIENTO


En esta ocasión son dos imagenes, pero pueden ser tambien dos capas, e incluso mapas de imagen, eso es a gusto de cada cual y lo que esté mas acostumbrado a manejar, lo importante es el comportamiento que le des a cada una.

Yo le doy a la flechita de arriba dos comportamientos de:

onMouseOut     scrollspeed=0
onMouseOver    scrollspeed=-2

y la de abajo, otros dos comportamientos así:

onMouseOut     scrollspeed=0
onMouseOver    scrollspeed=2

Y luego hay que insertar un script en cada pagina para que no salga la barra que desplaza, y si se desplace con las imagenes que nosotros habiamos configurado con los comportamientos, lo podemos poner antes del <style> justo después del </head> aunque este script no lo soportan todos los navegadores, por ejemplo en mozilla no va :( de momento no conozco ningun otro que sea compatible con ambos:

<script language="JavaScript1.2">
////Contenido Scroll
var speed, currentpos=curpos1=0,alt=1,curpos2=-1
function initialize(){
if (window.parent.scrollspeed!=0){
speed=window.parent.scrollspeed
scrollwindow()
}
}
function scrollwindow(){
temp=(document.all)? document.body.scrollTop : window.pageYOffset
alt=(alt==0)? 1 : 0
if (alt==0)
curpos1=temp
else
curpos2=temp
window.scrollBy(0,speed)
}
setInterval("initialize()",10)
</script>
<body topmargin="0" leftmargin="0" rightmargin="0">
<body scroll="NO".... topmargin="0" leftmargin="0" rightmargin="0">

 



2007 ©By Almaweb.es

subir

Ir al menú de tutoriales de DREAMWEAVER

Todos los tutoriales son de mi completa autoría,

cualquier parecido con otros, es pura coincidencia.

Queda totalmente prohibida su reproduccion, total o parcial.

Si quieres enlazar mis tutoriales, no hay problema,

solo mandame un e-mail, para comunicarmelo.

Cualquier duda o sugerencia:

Tutoriales registrados

 

Alma Web

Design Sensation by almaweb.es

Foro Design Sensation