Banner marquesina-vertical

Logan01 · #1 (**permalink**) 19/02/2005, 04:51

Hola pues no se si postearlo aqui o donde, bueno pues instale un foro phpbb plus, lo q quiero hacer es que en el portal los banners que puse, los coloque de esta forma:

<marquee><a href="http://www.misitio.com/"
target="_blank"><img
src="http://www.miimagen.jpg"></a></marquee>

Como marquesina pero horizontal, pero van demaciado rapido, lo que quiero es:
Que sea marquesina pero vertical y al pasar el mouse x encima del banner se congele, se pare ... pero no se q codigo es

Me podrian ayudaR?

Gracias

ferny · #2 (**permalink**) 19/02/2005, 07:13

El código puede ser muy parecido al siguiente:

Código:

<script language="JavaScript">

//Specify the marquee's width (in pixels)
var marqueewidth=125
//Specify the marquee's height
var marqueeheight=250
//Specify the marquee's marquee speed (larger is faster 1-10)
var marqueespeed=1
//Pause marquee onMousever (0=no. 1=yes)?
var pauseit=1

//Specify the marquee's content
//Keep all content on ONE line, and backslash any single quotations (ie: that\'s great):

var marqueecontent='<img src="imagenbanner.jpg" border="0">'

////NO NEED TO EDIT BELOW THIS LINE////////////

marqueespeed=(document.all)? marqueespeed : Math.max(1, marqueespeed-1) //slow speed down by 1 for NS
var copyspeed=marqueespeed
var pausespeed=(pauseit==0)? copyspeed: 0
var iedom=document.all||document.getElementById
var actualheight=''
var cross_marquee, ns_marquee

function populate(){
if (iedom){
cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee
cross_marquee.style.top=marqueeheight+8
cross_marquee.innerHTML=marqueecontent
actualheight=cross_marquee.offsetHeight
}
else if (document.layers){
ns_marquee=document.ns_marquee.document.ns_marquee2
ns_marquee.top=marqueeheight+8
ns_marquee.document.write(marqueecontent)
ns_marquee.document.close()
actualheight=ns_marquee.document.height
}
lefttime=setInterval("scrollmarquee()",40)
}

function scrollmarquee(){

if (iedom){
if (parseInt(cross_marquee.style.top)>(actualheight*(-1)+8))
cross_marquee.style.top=parseInt(cross_marquee.style.top)-copyspeed
else
cross_marquee.style.top=marqueeheight+8
}
else if (document.layers){
if (ns_marquee.top>(actualheight*(-1)+8))
ns_marquee.top-=copyspeed
else
ns_marquee.top=marqueeheight+8
}
}

if (iedom||document.layers){
with (document){
if (iedom){
write('<div style="position: relative; border-style: solid; border-color: #000000; border-width: 1px; width: '+marqueewidth+'; height: '+marqueeheight+'; overflow: hidden; background: #cccccc;" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">')
write('<div id="iemarquee" style="position:absolute; left:0; top:0; width:'+marqueewidth+';">')
write('</div></div>')
}
else if (document.layers){
write('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee">')
write('<layer name="ns_marquee2" width='+marqueewidth+' height='+marqueeheight+' left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>')
write('</ilayer>')
}
}
}
</script>

Luego en el <body> pones:

<body onLoad="populate()">

NOTA:

Debido a un error del foro, ha puesto unos espacios no deseados en el código, asi que si haces un copiar y pegar, asegurate de hacer estos cambios:

LINEA:
ns_marquee=document.ns_marquee.document.ns_marquee 2
---> Quita los espacios antes del 2

LINEA:
cross_marquee.style.top=parseInt(cross_marquee.sty le.top)-copyspeed
---> Quita los espacios en la palabra style que aparece cortada

A simple vista no veo más fallos, asegurate de corregir esos dos:

Ese código lo introduces en tu foro en la posición donde quieras insertar el banner vertical. Fijate en él y verás que se puede configurar la imagen o lo que quieras poner en la línea:

var marqueecontent='<img src="imagenbanner.jpg" border="0">'

Y también configurar los tamaños de altura y anchura...

Logan01 · #3 (**permalink**) 19/02/2005, 13:45

Gracias!

Wizet · #4 (**permalink**) 07/03/2005, 11:45

Hola , respecto al banner vertical me gustaria saber donde puedo insertar el texto que quiero que aparezca en el , ya que no deseo que tenga imagen sino un texto , gracias !!!!

ferny · #5 (**permalink**) 08/03/2005, 07:54

En la linea:

var marqueecontent='<img src="imagenbanner.jpg" border="0">'

Lo que haya entre ' y ' es lo que saldrá. En ese caso es una imagen, pero tú podrías poner:

var marqueecontent='TEXTO QUE QUIERO QUE SALGA'

Saludos

engonga · #6 (**permalink**) 05/04/2005, 02:01

como se puede hacer para que salga en horixontal y en la posixion donde quiera exactamente?
he mirado el codigo pero no veo por donde se puede hacer

y para sacar la linea horizontal que salte, no se como se puede sacar.

gracias

II__RaMsEs__II · #7 (**permalink**) 19/05/2008, 23:03

<marquee scrollamount='7' onMouseover='this.scrollAmount=1'

onMouseout='this.scrollAmount=7'> AQUI VA LO QUE QUIERAS QUE PASE EN MARQUEZINA SEAN IMAGENES , TEXTOS ETC
</marquee>

este tengo en mi foro espero te sirva

PERDON NO HABIA MIRADO QUE EL TEMA ES VIEJISIMO LOL