Nouvelle bannière du forum

[le guss]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Internet Explorer
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 12/ 12 /2016
Lien du forum : http://bruno59.forumsgratuits.fr/

Description du problème

Bonjour à toutes et à tous
Voilà j'ai créé 2 bannières animées

https://i.servimg.com/u/f37/19/36/33/55/rounde12.gif


file:///C:/Users/Bruno/Desktop/floaties[1].gif

Une fois installées elles sont fixes plus aucun mouvement ou scintillement
J'ai tout essayé mais en vain
Je vous remercie par avance

Amitiés Bruno

[◦Jay◦]

Bonjour le guss, comment procédez-vous ? En mettant votre lien > https://i.servimg.com/u/f37/19/36/33/55/rounde12.gif sur ce forum test, je ne rencontre aucun problème.

Bien à vous.

[GoichonTurf]

Bonjour

Donner svp la 2ème bannière , on va pas toucher au css, mais on va directement l'amélioré et la coller dans votre panneau d'admin gestion image

j'attend amicalement serge

[le guss]

Bonjour Serge et merci pour votre aide mes excuses pour le doublon
Pour la bannière avec le bateau c'est Ok
pour la N°2 en ce moment


Je voudrait la remplacer par celle là mais la neige reste fixe alors que sur mon PC elle est animée



Bien amicalement Bruno

[GoichonTurf]

Bonjour pour ce qui concerne la neige c'est logique car elle en jpeg ton image lol, elle n'est pas en gif, bon rrr mdr, t'inquiète pas je re très vite amicalement serge

[GoichonTurf]

Bonjour voici pour commencer l'image gif: https://i.servimg.com/u/f37/19/56/86/70/29010.gif

[GoichonTurf]

Bonjour et pour terminer met sa dans :

panneau admin--code javascript---

Code:

(function() {
    var BannerRotator = {
        /***** ZONA EDITABLE ******/
     
        images: ['https://i37.servimg.com/u/f37/19/36/33/55/rounde12.gif', 'https://i37.servimg.com/u/f37/19/56/86/70/29010.gif'],

        start_delay: 5000,
        duration: 5000,
        height: 'auto',

        fade_image: true,
        fade_speed: 1200,

        keep_initial: true,
        remember_position: true,
        preload: true,
     
        /**** FIN ZONA EDITABLE ****/
     
        // technical data below
        index: -1,
        logo: null,

        // increment the index and display the next image in rotation after a small delay
        next: function(ms) {
            if (ms === undefined) ms = FA.BannerRotator.duration;

            window.setTimeout(function() {
                if (++FA.BannerRotator.index >= FA.BannerRotator.images.length) FA.BannerRotator.index = 0; // reset index when it exceeds "images" length
                if (FA.BannerRotator.remember_position) my_setcookie('fa_banner_index', FA.BannerRotator.index); // remember the last banner shown

                // fade banner in and out
                if (FA.BannerRotator.fade_image) {
                    $(FA.BannerRotator.logo).fadeOut(FA.BannerRotator.fade_speed, function() {
                        FA.BannerRotator.logo.src = FA.BannerRotator.images[FA.BannerRotator.index]; // set next banner
                        $(this).fadeIn(FA.BannerRotator.fade_speed, FA.BannerRotator.next); // fade it in
                    });
                }

                // default rotation
                else {
                    FA.BannerRotator.logo.src = FA.BannerRotator.images[FA.BannerRotator.index];
                    FA.BannerRotator.next();
                }
            }, ms);
        },

        // initial start up to get the correct logo node and setup some other settings
        init: function() {
            var logo = document.getElementById('i_logo') || document.getElementById('logo') || document.getElementById('pun-logo'),
                index = my_getcookie('fa_banner_index');

            if (logo) {
                FA.BannerRotator.logo = logo.tagName == 'IMG' ? logo : logo.firstChild;
                FA.BannerRotator.logo.style.height = FA.BannerRotator.height;

                if (FA.BannerRotator.keep_initial) FA.BannerRotator.images[FA.BannerRotator.images.length] = FA.BannerRotator.logo.src;
                if (FA.BannerRotator.remember_position && index) {
                    FA.BannerRotator.index = +index;
                    FA.BannerRotator.logo.src = FA.BannerRotator.images[FA.BannerRotator.index] || FA.BannerRotator.images[0];
                }

                FA.BannerRotator.next(FA.BannerRotator.start_delay);
            } else if (window.console && window.console.warn) {
                console.warn('La versión de tu foro no está optimizada para la ejecución de este tutorial.');
            }
        }
    };

    if (!window.FA) FA = {};
    if (!FA.BannerRotator) {
        FA.BannerRotator = BannerRotator;

        if (FA.BannerRotator.preload) {
            for (var i = 0, j = FA.BannerRotator.images.length, img; i < j; i++) {
                img = document.createElement('IMG');
                img.src = FA.BannerRotator.images[i];
            }
        }

        $(FA.BannerRotator.init);
    }
}());

amicalement serge

[le guss]

Bonjour Serge
Un grand merci pour ton aide c'est parfait

Bien amicalement Bruno