Rappel du premier message :

ça roule merci !!

Coucou Perle :)

Si on met comme nouveau code ceci :

Code:

function getForums(a,c,d){$.each(a,function(a,f){var e=$(".forumlink[href='"+f+"']",c).closest("tr").find("a[href^='/t']").eq(0).clone().appendTo(d),b=e.attr("href");if(b)if(localStorage[b]){var g=$("<img />",{src:localStorage[b]});e.html(g)}else $.get(b,function(a){a=$(".postbody:first img:first",a);e.html(a);localStorage&&(localStorage[b]=a.attr("src"))})})}

$(function(){var a=$(".bandeau_nouveaute");$(window).load(function(){a.html("A la unes <br/> <br/>");getForums(["/f56-autres-livres","/f18-litterature-classique","/f48-humour","/f17-chick-lit"],$("body"),a);$.each([{url:"/f29-romans",forums:["/f5-romans-historiques","/f30-drame","/f47-aventures","/f49-autres-romans"]},{url:"/f22-espace-jeunesse",forums:["/f38-livres-pour-les-enfants","/f39-livres-adolescents"]},{url:"/f25-biographie-temoignage",forums:["/f43-documentaires","/f42-temoignage","/f41-biographie"]},{url:"/f13-monde-fantastique",
forums:["/f37-bit-lit","/f10-fantasy","/f36-fantastique","/f14-horreur-terreur"]},{url:"/f15-science-fiction",forums:["/f45-science-fiction","/f16-dystopie"]},{url:"/f4-policiers-thrillers",forums:["/f40-policiers","/f12-thrillers"]},{url:"/f6-romance",forums:"/f31-erotique /f7-romance-torride /f11-gay-et-lesbienne /f8-romance-paranormale /f9-romance-historique /f44-contemporaine".split(" ")}],function(c,d){$.get(d.url,function(c){getForums(d.forums,c,a)})});100<localStorage.length&&localStorage.clear()});});

Le rendu est-il mieux :) ?

Coucou !

Oui c'est parfait maintenant ! Il se met à jour tout seul & en plus ça ne se chevauche pas.
Je voulais te demander tu m'avais parlé de mettre un code sur mes sujets, toujours d'actualité ?

Je voulais te demander tu m'avais parlé de mettre un code sur mes sujets, toujours d'actualité ?

Au final, comme n'importe quel vieux sujet peut remonter, je me doute que tu ne vas pas t'amuser à éditer tous tes anciennes fiches pour modifier le code :)
Du coup, le javascript récupère la première image dans la fiche. (^-^)
Il faut donc que la première image soit toujours celle de la couverture !

J'ai fait une petite modification au code, dis moi si ça fonctionne toujours aussi bien ♥ :

Code:

/* Fonction qui récupère les forums */
/**
 * Récupère la première image du dernier sujet d'une liste de forums
 * @param {Array}  Contient la liste des forums à regarder
 * @param {$el} context  Contexte où on regarde ($body ou bien un élément
 *                      load un ajax)
 * @param {$el} $bandeau Element jQuery correspondant au bandeau où l'on installe
 *                      le contenu
 */
function getImg(forums, context, $bandeau) {
    "use strict";
    $.each(forums, function (index, link) {
        var $forumLink = $(".forumlink[href='" + link + "']", context),
            $forum = $forumLink.closest('tr'),
            $link = $forum.find("a[href^='/t']").eq(0).clone().appendTo($bandeau),
            href = $link.attr('href');
        if (!href) { return; }
        if (localStorage[href]) {
            var $img = $('<img />', {
                src: localStorage[href]
            });
            $link.html($img);
        } else {
            $.get(href, function (d) {
                var $img = $(".postbody:first img:first", d);
                $link.html($img);
                if (localStorage) { localStorage[href] = $img.attr("src"); }
            });
        }
       
    });
}

/* On attend que la page soit intégralement chargée
 * Cela permet de laisser le temps au code du bandeau
 * défilant de Forumactif de s'initialiser
 * */
$(window).load(function(){

    "use strict";
   
    /* on sélectionne le bandeau */
    var $bandeau = $('.bandeau_nouveaute');

    /* On remplace le contenu du bandeau_nouveaute avec une phrase de base */
    $bandeau.html('A la unes <br/> <br/>');

    /* Liens des forums sur la home */
    var forumsHome = [
        "/f56-autres-livres",
        "/f18-litterature-classique",
        "/f48-humour",
        "/f17-chick-lit"
    ];
   
    /* on récupère les sujets */
    getImg(forumsHome, $('body'), $bandeau);

    /* Liens des forums avec leurs sous forums  */
    var forumsGet = [
        {
            url: "/f29-romans",
            forums: [
                "/f5-romans-historiques",
                "/f30-drame",
                "/f47-aventures",
                "/f49-autres-romans"
            ]
        },
        {
            url: "/f22-espace-jeunesse",
            forums: [
                "/f38-livres-pour-les-enfants",
                "/f39-livres-adolescents"
            ]
        },
        {
            url: "/f25-biographie-temoignage",
            forums: [
                "/f43-documentaires",
                "/f42-temoignage",
                "/f41-biographie"
            ]
        },
        {
            url: "/f13-monde-fantastique",
            forums: [
                "/f37-bit-lit",
                "/f10-fantasy",
                "/f36-fantastique",
                "/f14-horreur-terreur"
            ]
        },
        {
            url: "/f15-science-fiction",
            forums: [
                "/f45-science-fiction",
                "/f16-dystopie"
            ]
        },
        {
            url: "/f4-policiers-thrillers",
            forums: [
                "/f40-policiers",
                "/f12-thrillers"
            ]
        },
        {
            url: "/f6-romance",
            forums: [
                "/f31-erotique",
                "/f7-romance-torride",
                "/f11-gay-et-lesbienne",
                "/f8-romance-paranormale",
                "/f9-romance-historique",
                "/f44-contemporaine"
            ]
        }
    ];

    /* pour chacun de ces forum, on regarde les sous forums */
    $.each(forumsGet, function (index, f) {
        $.get(f.url, function (d) {
            getImg(f.forums, d, $bandeau);
        });
    });
   
    /* Une fois que le localStorage contient 100 entrées on le vide  */
    /* NOTE pourrait être fait différement en mettant tout dans un seul json. A voir dans les possibilités d'évolution du code */
    if (localStorage.length > 100) {
        localStorage.clear();
    }
   
});


Coucou,

Pas tout à fait la dernière image se chevauche ^^
Je t'ai fait un print écran :

Coucou,

Après quelques jours d'utilisation je dois dire que je suis perplexe car ça se chevauche à nouveau
Je te laisse regarder mais voici mon print écran :



(je précise n'avoir rien touché de ton code à part retirer le S de à la une, ça se chevauche & parfois pas ...)

Hello,

Je pense voir d'où cela vient et comment le régler
Petite question, tu n'utilises les annonces que pour faire défiler les nouveaux livres ? Pour rien d'autre ? (histoire que je sois sûre de ne pas tout casser )

Ouaip je n'utilise que pour ça

Coucou Perle :)

A la suite de mon MP, le problème est résolu. On va attendre quelques jours pour vérifier si tout est bon, puis je pense que tu pourras mettre cette demande en résolu. ♥

ça roule, merci, on attends un petit peu & si d'ici dimanche tout va toujours bien je m'occupe de la mettre en résolue !

Merci encore !

Hé bien écoute tout est parfait, les membres s'amusent même à remonter d'ancien sujets pour faire tourner le bandeau !

Un grand merci à toi pour ta patience & ta rapidité.

Hello,

Contente de voir que tout marche bien ♥ et que c'est utile aux gens :)
Au final ça a été bien plus long que je ne le pensais, avec tout le travail que j'avais en parallèle. x)

Bon courage pour ton forum, j'irai surement m'inscrire dessus quand j'aurai le temps de reprendre la lecture :)

Dans la case parrainage pense à mettre never utopia sinon j'vais buguer je reconnaitrait pas forcément ton pseudo si tu viens dans longtemps ^^