Problema usando capas
Publicado por Manolo (1 intervención) el 16/04/2006 17:25:15
Buenas,
estoy utilizando el código q he puesto más abajo y tengo el siguiente problema:
El código básicamente hace que una imagen se desplace de arriba a abajo de la pantalla. El problema que tengo es que no sé cómo hacer para que la imagen que se mueve lo haga siempre por detrás de la imagen superior. Si cambio el orden de los <divs> si que me funciona pero lo que quiero es que estando en ese orden también funcione ya que tengo que introducir más código entre medio.
La pregunta básica es: ¿Como hacer que la imágen NUNCA se superponga a nada?
********************************************************************************
<html>
<head>
<title>Version 0.001</title>
<SCRIPT LANGUAGE="JavaScript1.1">
<!-- Beginning of JavaScript -
var y=0
var bgticker
function initObjects() {
if (document.all) {
bgticker = document.all.bgtick.style
bgticker.posLeft = 0
bgticker.posTop = 0
mainbody = document.all.mainbod.style
mainbody.posLeft = 0
mainbody.posTop = 0
}
if (document.layers) {
bgticker = document.bgtick
bgticker.left = 0
bgticker.top = 0
mainbody = document.mainbod
mainbody.left = 0
mainbody.top = 0
}
scroll()
}
function scroll() {
if (y < 100) {
y++
if (document.all) {bgticker.posTop = y; mainbody.posTop=0}
if (document.layers) {bgticker.top = y; mainbody.top=0}
}
else {
<!-- y=0 -->
}
var timer = setTimeout('scroll()',30)<!-- Velocidad -->
}
// - End of JavaScript - -->
</SCRIPT>
<STYLE>
.ticker {
position: absolute;
font-family:Verdana;
color:DDDDDD;
font-size:60px;
letter-spacing:1;
}
</STYLE>
</head>
<body onLoad="initObjects()">
<div id="mainbod" style="position:absolute; visibility:visible">
<img src="superior.jpg">
</div>
<div id="bgtick" class="ticker">
<img src="imagen_movimiento.jpg">
</div>
</body>
</html>
estoy utilizando el código q he puesto más abajo y tengo el siguiente problema:
El código básicamente hace que una imagen se desplace de arriba a abajo de la pantalla. El problema que tengo es que no sé cómo hacer para que la imagen que se mueve lo haga siempre por detrás de la imagen superior. Si cambio el orden de los <divs> si que me funciona pero lo que quiero es que estando en ese orden también funcione ya que tengo que introducir más código entre medio.
La pregunta básica es: ¿Como hacer que la imágen NUNCA se superponga a nada?
********************************************************************************
<html>
<head>
<title>Version 0.001</title>
<SCRIPT LANGUAGE="JavaScript1.1">
<!-- Beginning of JavaScript -
var y=0
var bgticker
function initObjects() {
if (document.all) {
bgticker = document.all.bgtick.style
bgticker.posLeft = 0
bgticker.posTop = 0
mainbody = document.all.mainbod.style
mainbody.posLeft = 0
mainbody.posTop = 0
}
if (document.layers) {
bgticker = document.bgtick
bgticker.left = 0
bgticker.top = 0
mainbody = document.mainbod
mainbody.left = 0
mainbody.top = 0
}
scroll()
}
function scroll() {
if (y < 100) {
y++
if (document.all) {bgticker.posTop = y; mainbody.posTop=0}
if (document.layers) {bgticker.top = y; mainbody.top=0}
}
else {
<!-- y=0 -->
}
var timer = setTimeout('scroll()',30)<!-- Velocidad -->
}
// - End of JavaScript - -->
</SCRIPT>
<STYLE>
.ticker {
position: absolute;
font-family:Verdana;
color:DDDDDD;
font-size:60px;
letter-spacing:1;
}
</STYLE>
</head>
<body onLoad="initObjects()">
<div id="mainbod" style="position:absolute; visibility:visible">
<img src="superior.jpg">
</div>
<div id="bgtick" class="ticker">
<img src="imagen_movimiento.jpg">
</div>
</body>
</html>
Valora esta pregunta
0