Aide sur Script JQUERY manipulation d'une class du CSS

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Aide sur Script JQUERY manipulation d'une class du CSS

Message par killcat66 le Jeu 27 Juil 2017 - 12:33

Détails techniques


Version du forum : ModernBB
Poste occupé : Administrateur
Navigateur(s) concerné(s) : non défini
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://www.baladesmotardes66.com/forum

Description du problème

Bonjour à tous

Mon problème est simple. J'ai mis en dur dans le CSS dans la class .headerbar l'url de ma background-image. Je me disais qu'il serait sympa et cela donnerait une certainement animation au forum qu'a chaque changement de page cette image change. Donc je me suis tenté dans un code JQuery. Je pense pas être loin de la solution mais je coince ... rien ne change.

Voici la class headerbar

Code:
.headerbar {
background-image: url("https://i11.servimg.com/u/f11/18/67/13/03/dsc_3210.jpg");
.....

Et le code Jquery mis dans le module Javascript du forum.

Code:
$(function() {
     
var a = ['https://i11.servimg.com/u/f11/18/67/13/03/p8235410.jpg',
'https://i11.servimg.com/u/f11/18/67/13/03/dsc_3110.jpg',
'https://i11.servimg.com/u/f11/18/67/13/03/dsc_3210.jpg'];

     
  $('.headerbar').css('background-image').each(function(a){
          $(this).url=a[Math.floor(Math.random() * a.length)];
            };
      });

Messieurs le développeurs, merci d'avance pour le coup de main.




Dernière édition par killcat66 le Ven 28 Juil 2017 - 9:48, édité 1 fois
avatar

killcat66
Nouveau membre

Messages : 2
Inscrit(e) le : 27/07/2017

http://www.baladesmotardes66.com/forum
killcat66 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Aide sur Script JQUERY manipulation d'une class du CSS

Message par MasDan le Ven 28 Juil 2017 - 7:27

Bonjour Killcat66,

Remplacer votre code javascript par celui-ci
Code:
$(function() {
  var tabImg = ['https://i11.servimg.com/u/f11/18/67/13/03/p8235410.jpg',
                'https://i11.servimg.com/u/f11/18/67/13/03/dsc_3110.jpg',
                'https://i11.servimg.com/u/f11/18/67/13/03/dsc_3210.jpg'];
 
  var nbImg = tabImg.length;
  var ind =  Math.floor(Math.random() * nbImg);
  $(".headerbar").css("background-image", "url(" + tabImg[ind] + ")");
});
avatar

MasDan
Aidactif
Aidactif

Masculin
Messages : 1116
Inscrit(e) le : 24/05/2011

http://projetAumMdn.forumactif.com
MasDan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aide sur Script JQUERY manipulation d'une class du CSS

Message par killcat66 le Ven 28 Juil 2017 - 9:48

cheers Excellent ! Yes

Ca fonctionne nickel !

Merci beaucoup pour le coup de main.

@+ victoire
avatar

killcat66
Nouveau membre

Messages : 2
Inscrit(e) le : 27/07/2017

http://www.baladesmotardes66.com/forum
killcat66 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aide sur Script JQUERY manipulation d'une class du CSS

Message par Chacha le Ven 28 Juil 2017 - 10:01

Bienvenue sur le forum de support de Forumactif

Bonjour,

Puisque vous êtes nouveau, voici quelques sujets susceptibles de vous intéresser :
N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse.
avatar

Chacha
Modéractif
Modéractif

Masculin
Messages : 55298
Inscrit(e) le : 21/08/2010

http://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum