1. #1
    Recien Nacido

    Fecha de ingreso
    26 oct, 08
    Mensajes
    5
    Gracias
    0
    Agradecido 0 veces en 0 Mensajes

    Predeterminado Banner Flotante Para Web

    Servicios de Seguridad Informática

    Hola chicos, saludos desde Perú ...

    Recurro a su basto conocimiento, porque busqué bastante en la web y nada. Cada vez que ingresas a la web http://foro.dragonjar.org si no eres un usuario registrado aparece un banner flotante que en si es una imagen, al hacer click en el boton cerrar, este desaparece; justamente ahora hice un intercambio de banner con un colega, y me urge este código porque la estructura de mi web no me permite insertalo y porque me resulta más cómodo. Por favor si alguien podría facilitárme una respuesta en lo breve posible mucho lo voy a agradecer; lo que necesito en si, es el código para que el banner se desplaze junto con la barra de desplazamiento y que incluya la opción cerrar por si resulta molesto para el visitante.

    Muchas gracias desde ya.


  2. #2
    Dragonauta Oficial

    Fecha de ingreso
    12 ago, 08
    Mensajes
    408
    Gracias
    2
    Agradecido 9 veces en 7 Mensajes

    Predeterminado Re: Banner Flotante Para Web

    Chantala, lo que pasa es que este es solo para foros con SMF (Si no me equivoco), en las web no creo que te corra el mismo código.... pero te dejo el link para que veas el código fuente, igual y te surgen ideas

    Director <br /><br />&quot;Dragonjar Radio&quot;

  3. #3
    Recien Nacido

    Fecha de ingreso
    26 oct, 08
    Mensajes
    5
    Gracias
    0
    Agradecido 0 veces en 0 Mensajes

    Predeterminado Re: Banner Flotante Para Web

    Gracias mi estimado amigo ... muchas gracias ... ¿alguna otra idea? ¿por favor?, creo que voy a morir en el intento. Anden sean buenitos y echenme una mano. Los necesito comu...

  4. #4
    Recien Nacido

    Fecha de ingreso
    16 sep, 08
    Mensajes
    24
    Gracias
    0
    Agradecido 0 veces en 0 Mensajes

    Predeterminado Re: Banner Flotante Para Web

    Ese es bueno, yo tambien queria saber como hacerlo

    Muchisimas Gracias

  5. #5
    Recien Nacido

    Fecha de ingreso
    09 oct, 08
    Mensajes
    17
    Gracias
    1
    Agradecido 0 veces en 0 Mensajes

    Predeterminado Re: Banner Flotante Para Web

    Intenta descargarte el plugin para wordpress MaxBlog Unblockeable pop-up, y ver el código.

    Sino, mirate esto...


    CODIGO DE HTML

    <html>

    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Documento sin título</title>
    <script language="javascript" src="banners.js?aff=1&tipo=13"></script>
    </head>

    <body>
    </body>
    </html>

    ------------------------------
    CODIGO DE BANNERS.JS

    function closeDiv() {
    document.getElementById(&#39;floatLayer&#39.style.left = "-1000";
    return false;
    }

    window.onerror = null;
    var topMargin = 150;
    var slideTime = 2500;
    var ns6 = (!document.all && document.getElementById);
    var ie4 = (document.all);
    var ns4 = (document.layers);

    function layerObject(id,left) {
    if (ns6) {
    this.obj = document.getElementById(id).style;
    this.obj.left = left;
    return this.obj;
    }
    else if(ie4) {
    this.obj = document.all[id].style;
    this.obj.left = left;
    return this.obj;
    }
    else if(ns4) {
    this.obj = document.layers[id];
    this.obj.left = left;
    return this.obj;
    }
    }

    function layerSetup() {
    floatLyr = new layerObject(&#39;floatLayer&#39;, pageWidth * .5);
    window.setInterval("main()", 10)
    }

    function floatObject() {
    if (ns4 || ns6) {
    findHt = window.innerHeight;
    } else if(ie4) {
    findHt = document.body.clientHeight;
    }
    }

    function main() {
    if (ns4) {
    this.currentY = document.layers["floatLayer"].top;
    this.scrollTop = window.pageYOffset;
    mainTrigger();
    }
    else if(ns6) {
    this.currentY = parseInt(document.getElementById(&#39;floatLayer&# 39.style.top);
    this.scrollTop = scrollY;
    mainTrigger();
    } else if(ie4) {
    this.currentY = floatLayer.style.pixelTop;
    this.scrollTop = document.body.scrollTop;
    mainTrigger();
    }
    }

    function mainTrigger() {
    var newTargetY = this.scrollTop + this.topMargin;
    if ( this.currentY != newTargetY ) {
    if ( newTargetY != this.targetY ) {
    this.targetY = newTargetY;
    floatStart();
    }
    animator();
    }
    }

    function floatStart() {
    var now = new Date();
    this.A = this.targetY - this.currentY;
    this.B = Math.PI / ( 2 * this.slideTime );
    this.C = now.getTime();
    if (Math.abs(this.A) > this.findHt) {
    this.D = this.A > 0 ? this.targetY - this.findHt : this.targetY + this.findHt;
    this.A = this.A > 0 ? this.findHt : -this.findHt;
    }
    else {
    this.D = this.currentY;
    }
    }

    function animator() {
    var now = new Date();
    var newY = this.A * Math.sin( this.B * ( now.getTime() - this.C ) ) + this.D;
    newY = Math.round(newY);
    if (( this.A > 0 && newY > this.currentY ) || ( this.A < 0 && newY < this.currentY )) {
    if ( ie4 )document.all.floatLayer.style.pixelTop = newY;
    if ( ns4 )document.layers["floatLayer"].top = newY;
    if ( ns6 )document.getElementById(&#39;floatLayer&#39.style.top = newY + "px";
    }
    }

    function start() {
    if(ns6||ns4) {
    pageWidth = innerWidth;
    pageHeight = innerHeight;
    layerSetup();
    floatObject();
    }
    else if(ie4) {
    pageWidth = document.body.clientWidth;
    pageHeight = document.body.clientHeight;
    layerSetup();
    floatObject();
    }
    }

    document.write(&#39;<DIV id=floatLayer style="LEFT: -1000px; WIDTH: 200px; POSITION: absolute; TOP: 3px; HEIGHT: 140px; BACKGROUND-COLOR: #cccccc">&#39;
    document.write(&#39;<table border="1" cellspacing="0" cellpadding="0" bordercolor="#FFFFFF">&#39;
    document.write(&#39;<tr><td border="1" align="right" bgcolor="#ffffff" colspan="4"><font size="1" face="Verdana" color="#000000">Cerrar</font><A onclick="return closeDiv()" href="http://www.google.com" target="_blank"><FONT size="1" face="Verdana" color="#000000">[X]</FONT></A></td></tr>&#39;
    document.write(&#39;<tr><td border="1" align="center" bgcolor="#ffffff" colspan="4"><a href="http://www.google.com" target="_blank"><img src=atencion.png alt="Click Aquí" border="0"></a></td></tr>&#39;
    document.write(&#39;</table></DIV>&#39;

    start();


    Sino, puedes probar con este script http://highslide.com/ que seguro te va a servir.

    Saludos

Temas similares

  1. Banner.c
    Por dannytao en el foro Laboratorios
    Respuestas: 0
    Último mensaje: 18/02/2009, 16:03

Visitantes encuentran esta página buscando por:

banner flotante javascript

COMO HACER UN BANNER FLOTANTE

banner flotante

script banner flotante

banner flotante en mi web

baner flotantejavascript banner flotantecrear banner flotantebanners flotantesanuncio flotante wordpressbanner flotante en wordpresscomo poner un banner flotante en mi webcerrar banner flotanteanuncio flotante mi web banner flotante JSbanner flotante wordpressbanner flotante htmlanuncios flotantes en mi webbanner flotante con javascriptanuncios flotantes javascriptcomo hacer banners flotantesque es un banner flotantebanner flotante javapublicidad flotante wordpresscodigo web como crear un banner flotante

Etiquetas para este tema

Permisos de publicación

  • No puedes crear nuevos temas
  • No puedes responder temas
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •  

Iniciar sesión

Iniciar sesión