Ayuda - Webmaster Foros
!Bienvenid@¡

Encuentra Aportes de Diseño & Desarrollo Web, para colocar tus aportes crea una nueva cuenta.

¡Que la pases bien y hasta pronto!

banner rotator

Ir abajo

banner rotator

Mensaje por Orbe el Sáb 24 Mar - 14:44

codigo que nos permite mostrar diferentes banners con diferentes enlaces, los mismos cada x cantidad de tiempo varian.

Configuración:
1. Crear sus imágenes (gif o jpg). Ellos deben tener la misma anchura y altura.
Poner las imágenes en el mismo directorio que el archivo HTML.
Se pueden agregar tantas imágenes como quieras.
2. Copie la secuencia de bloques y lo pega en la cabeza de la sección de su archivo HTML ..
3. Copie el lapso de los bloques con el id "imgcontainer1" y "imgcontainer2".
Pegar en el cuerpo de la sección de su archivo HTML.
4. "OnLoad =" iniciar () "" insertar en el cuerpo de la etiqueta.
5. Configurar el varibales abajo
- El ancho de las imágenes (pixeles). Todas las imágenes deben tener la misma anchura.
var imgwidth = 400
- La altura de sus imágenes (pixeles). Todas las imágenes deben tener la misma altura.
imgheight var = 60
- La posición horizontal y vertical de las imágenes (pixeles).
pos_left var = 20
pos_top var = 20
- El nombre de las imágenes. Puede añadir tantas imágenes como quieras.

Código:
<script type="text/javascript">
var imgname=new Array()
imgname[0]="ejemplos/ej1.gif"
imgname[1]="ejemplos/ej2.gif"
imgname[2]="ejemplos/ej3.gif"
imgname[3]="ejemplos/ej4.gif"
// Where should those images be linked to?
// Add an URL for each image.
// If you don't want to add an URL just write '#' instead of
// the URL, see sample imgurl[2].
var imgurl=new Array()
imgurl[0]="http://www.gamarod.com.ar"
imgurl[1]="http://www.2knetwork.com.ar"
imgurl[2]="http://www.diario-ole.com.ar"
imgurl[3]="http://www.datafull.com"
// This block will preload your images. Do not edit this block.
var imgpreload=new Array()
for (i=0;i<=imgname.length-1;i++) {
imgpreload[i]=new Image()
imgpreload[i].src=imgname[i]
}
// Standstill-time between the images (microseconds).
var pause=2000
// Speed of the stretching and shrinking effect. More means slower.
var speed=20
// This variable also affects the speed (the length of the step between each inmage-frame measured in pixels). More means faster.
var step=10
// Do not edit the script below
var i_loop=0
var i_image1=0
var i_image2=1

function stretchimage() {
if (i_loop<=imgwidth) {
if (document.all) {
imgcontainer1.innerHTML="<a href='"+imgurl[i_image1]+"' target='_blank'><img width='"+i_loop+"' height='"+imgheight+"' src='"+imgname[i_image1]+"' border='0'></a>"
document.all.imgcontainer2.style.posLeft=document.all.imgcontainer1.style.posLeft+i_loop
imgcontainer2.innerHTML="<a href='"+imgurl[i_image2]+"' target='_blank'><img width='"+(imgwidth-i_loop)+"' height='"+imgheight+"' src='"+imgname[i_image2]+"' border='0'></a>"
}
i_loop=i_loop+step
var timer=setTimeout("stretchimage()",speed)
}
else {
clearTimeout(timer)
changeimage()
}
}
function changeimage() {
i_loop=0
i_image1++
if (i_image1>imgname.length-1) {i_image1=0}
i_image2=i_image1-1
if (i_image2>imgname.length-1) {i_image2=0}
if (i_image2<0) {i_image2=imgname.length-1}
document.all.imgcontainer2.style.posLeft=document.all.imgcontainer1.style.posLeft
var timer=setTimeout("stretchimage()",pause)
}
function initiate() {
if (document.all) {
document.all.imgcontainer1.style.posLeft=pos_left
document.all.imgcontainer2.style.posLeft=pos_left
document.all.imgcontainer1.style.posTop=pos_top
document.all.imgcontainer2.style.posTop=pos_top
changeimage()
}
if (document.layers) {
document.imgcontainer1.left=pos_left
document.imgcontainer2.left=pos_left
document.imgcontainer1.top=pos_top
document.imgcontainer2.top=pos_top
rotatenetscape()
}
}
function rotatenetscape() {
document.imgcontainer1.document.write("<a href='"+imgurl[i_image1]+"' target='_blank'><img src='"+imgname[i_image1]+"' border='0'></a>")
document.imgcontainer1.document.close()
i_image1++
if (i_image1>imgname.length-1) {i_image1=0}
var timer=setTimeout("rotatenetscape()",pause*2)
}
</script>

_________________
chatdelmundo.wapego.net
avatar
Orbe
Mod. Global
Mod. Global

Mensajes : 388

http://chatdelmundo.wapego.net

Volver arriba Ir abajo

Volver arriba

- Temas similares

 
Permisos de este foro:
No puedes responder a temas en este foro.