Fondo de Pagina rotativo

**pokiz** · 08/10/2011 23:13

Hola gente de vbhispano, les queria preguntar si me pueden ayudar con esto que quiero hacer, de poner el fondo rotativo, tengo un script armado ya, pero mi consulta es donde lo debo colocar, el fondo de mi style se llama: bg-body-intel.jpg - ya busque en el buscador dentro de las plantillas y nada. Busque en el xml y tampoco encontre nada con ese nombre. Aclaro que es definitivamente porque subi imagenes con ese nombre y cambiaba el fondo del foro -.-

Aca les dejo el script que voy a usar

Código PHP:



<script LANGUAGE="JavaScript"> 

<!-- Begin 
var how_many_ads = 2; 
var now = new Date() 
var sec = now.getSeconds() 
var ad = sec % how_many_ads; 
ad +=1; 




if (ad==1) { 
txt=""; 
url=""; 
alt=""; 
banner="url de mi imagen"; 
width=""; 
height=""; 
} 
if (ad==2) { 
txt=""; 
url=""; 
alt=""; 
banner="url de mi imagen"; 
width=""; 
height=""; 
} 


document.write('<center>'); 
document.write('<a href=\"' + url + '\" target=\"_top\">'); 
document.write('<img src=\"' + banner + '\" width=') 
document.write(width + ' height=' + height + ' '); 
document.write('alt=\"' + alt + '\" border=0><br>'); 
document.write('<small>' + txt + '</small></a>'); 
document.write('</center>'); 
// End --> 
            </script>

Muchas Gracias.

**MyPeSePe** · 09/10/2011 08:56

Seria cuestion de probar en la plantilla header antes de algun <head> el siguiente codigo :

Código:

<script language="javascript" type="text/javascript">
    function array_search (needle, haystack, argStrict) {
        var strict = !!argStrict;
        var key = '';
 
        for (key in haystack) {
            if ((strict && haystack[key] === needle) || (!strict && haystack[key] == needle)) {
                return key;
            }
        }
         return false;
    }
 
    function changeBackground() {
        //Creamos el array
        var myBackgrounds = new Array(4);
 
        /**
         * Ahora agregamos las imagenes, pero ahora será de forma diferente,
         * forzosamente el nombre de la imagen será el tamaño de esta, ejemplo:
         * 1024.jgp
         * 1280.jpg
         * 1440.jpg
         *
         * También cambiara el nombre de la imagen por default si no existe una
         * imagen para la resolución del usuario la cual será default.jpg
         *
         * Al final quedaria
         * default.jpg
         * 1024.jgp
         * 1280.jpg
         * 1440.jpg
         */
        myBackgrounds[0] = 'default.png';
        myBackgrounds[1] = '1024.png';
        myBackgrounds[2] = '1280.png';
        myBackgrounds[3] = '800.png';
 
        //Obtenemos el ancho de la ventana
        var ancho = screen.width + '.png';
        //Indicamos la carpeta donde se guardan las imagenes
        var carpeta_imagenes = '/templates/floreal/images'; //el '.' (punto) indica que se encuentran en la misma carpeta que el archivo html
        //Creamos la variable donde se guardará el nombre de la imagen a cargar
        var imageBackground = '';
        //Buscamos si existe una imagen para la resolución del usuario
        var isHere = array_search(ancho,myBackgrounds);
 
        //Verificamos si se encontro o no una imagen
        if (typeof(isHere) != 'boolean') {
            //Si se encontro obtenemos el nombre de la imagen
            imageBackground = myBackgrounds[isHere];
        }else {
            //Si no se encontro cargamos la imagen por defecto
            imageBackground = myBackgrounds[0];
        }
 
        //Cargamos la imagen al body...
        document.body.style.backgroundImage= "url("+ carpeta_imagenes + '/' + imageBackground +")";
    }
</script>

Despues buscar : <body> y reemplazar por :

Código:

<body onload="javascript:changeBackground()">

Código:

var carpeta_imagenes = '/templates/floreal/images'; //el '.' (punto) indica que se encuentran en la misma carpeta que el archivo html

En el code anterior , debereis de poner vuestra ruta de las imagenes . Y las imagenes deberan de ser :

Código:

'default.png'
       '1024.png'
        '1280.png'
        '800.png'

Este es un codigo que implemente en un foro de sistema icyphoenix . No creo que sea mas complicado implementarlo en vbulletin .

Enviado con mi iPad2 y Tapatalk

**pokiz** · 09/10/2011 15:31

Iniciado por MyPeSePe

Seria cuestion de probar en la plantilla header antes de algun <head> el siguiente codigo :

Código:

<script language="javascript" type="text/javascript">
    function array_search (needle, haystack, argStrict) {
        var strict = !!argStrict;
        var key = '';
 
        for (key in haystack) {
            if ((strict && haystack[key] === needle) || (!strict && haystack[key] == needle)) {
                return key;
            }
        }
         return false;
    }
 
    function changeBackground() {
        //Creamos el array
        var myBackgrounds = new Array(4);
 
        /**
         * Ahora agregamos las imagenes, pero ahora será de forma diferente,
         * forzosamente el nombre de la imagen será el tamaño de esta, ejemplo:
         * 1024.jgp
         * 1280.jpg
         * 1440.jpg
         *
         * También cambiara el nombre de la imagen por default si no existe una
         * imagen para la resolución del usuario la cual será default.jpg
         *
         * Al final quedaria
         * default.jpg
         * 1024.jgp
         * 1280.jpg
         * 1440.jpg
         */
        myBackgrounds[0] = 'default.png';
        myBackgrounds[1] = '1024.png';
        myBackgrounds[2] = '1280.png';
        myBackgrounds[3] = '800.png';
 
        //Obtenemos el ancho de la ventana
        var ancho = screen.width + '.png';
        //Indicamos la carpeta donde se guardan las imagenes
        var carpeta_imagenes = '/templates/floreal/images'; //el '.' (punto) indica que se encuentran en la misma carpeta que el archivo html
        //Creamos la variable donde se guardará el nombre de la imagen a cargar
        var imageBackground = '';
        //Buscamos si existe una imagen para la resolución del usuario
        var isHere = array_search(ancho,myBackgrounds);
 
        //Verificamos si se encontro o no una imagen
        if (typeof(isHere) != 'boolean') {
            //Si se encontro obtenemos el nombre de la imagen
            imageBackground = myBackgrounds[isHere];
        }else {
            //Si no se encontro cargamos la imagen por defecto
            imageBackground = myBackgrounds[0];
        }
 
        //Cargamos la imagen al body...
        document.body.style.backgroundImage= "url("+ carpeta_imagenes + '/' + imageBackground +")";
    }
</script>

Despues buscar : <body> y reemplazar por :

Código:

<body onload="javascript:changeBackground()">

Código:

var carpeta_imagenes = '/templates/floreal/images'; //el '.' (punto) indica que se encuentran en la misma carpeta que el archivo html

En el code anterior , debereis de poner vuestra ruta de las imagenes . Y las imagenes deberan de ser :

Código:

'default.png'
       '1024.png'
        '1280.png'
        '800.png'

Este es un codigo que implemente en un foro de sistema icyphoenix . No creo que sea mas complicado implementarlo en vbulletin .

Enviado con mi iPad2 y Tapatalk

Lo probe en un archivo para ver si anda pero, ose amecarga siempre la misma imagen, la default.jpg

Le cambie los nombres a fondo.jpg, fondo1.jpg, etc y tambien cargaba siempre la misma. Te dejo el codigo de como lo aplique en un documento .html

Código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script language="javascript" type="text/javascript">
    function array_search (needle, haystack, argStrict) {
        var strict = !!argStrict;
        var key = '';
 
        for (key in haystack) {
            if ((strict && haystack[key] === needle) || (!strict && haystack[key] == needle)) {
                return key;
            }
        }
         return false;
    }
 
    function changeBackground() {
        //Creamos el array
        var myBackgrounds = new Array(5);
        myBackgrounds[0] = 'default.jpg';
        myBackgrounds[1] = '1344.jpg';
        myBackgrounds[2] = '1342.jpg';
        myBackgrounds[3] = '1345.jpg';
        myBackgrounds[4] = '1343.jpg';
 
        //Obtenemos el ancho de la ventana
        var ancho = screen.width + '.jpg';
        //Indicamos la carpeta donde se guardan las imagenes
        var carpeta_imagenes = '/bodyy/'; //el '.' (punto) indica que se encuentran en la misma carpeta que el archivo html
        //Creamos la variable donde se guardará el nombre de la imagen a cargar
        var imageBackground = 'body';
        //Buscamos si existe una imagen para la resolución del usuario
        var isHere = array_search(ancho,myBackgrounds);
 
        //Verificamos si se encontro o no una imagen
        if (typeof(isHere) != 'boolean') {
            //Si se encontro obtenemos el nombre de la imagen
            imageBackground = myBackgrounds[isHere];
        }else {
            //Si no se encontro cargamos la imagen por defecto
            imageBackground = myBackgrounds[0];
        }
 
        //Cargamos la imagen al body...
        document.body.style.backgroundImage= "url("+ carpeta_imagenes + '/' + imageBackground +")";
    }
</script>
</head>


<body onload="javascript:changeBackground()">
Aver si funciona esta garcha
</body>
</html>

**MyPeSePe** · 09/10/2011 16:04

El script que te puse cambia segun resolucion de pantalla , no es rotativo . ahora debes tu de modifiarlo como quieras . En este caso para que cambie cuando se actualiza . Deberias coger la base de banner rotativo del hack que hay en vbulletin.org .

Enviado con mi iPad2 y Tapatalk

**pokiz** · 09/10/2011 18:22

Bueno, me acabo de fijar y en el header no hay ningun <head>, en el forumhome hay, ahora pruebo con esa plantilla y te aviso, sino donde iria? porque tampoco encuentro la plantilla o el css donde esta el backround, ya busque por el nombre de la imagen y nada .