Aide sur Script JQUERY manipulation d'une class du CSS

3 participants

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 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
killcat66

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 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] + ")");
});
MasDan

MasDan
Membre habitué

Masculin
Messages : 1538
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 Ven 28 Juil 2017 - 9:48

cheers Excellent ! Yes

Ca fonctionne nickel !

Merci beaucoup pour le coup de main.

@+ victoire
killcat66

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 Ven 28 Juil 2017 - 10:01

Aide sur Script JQUERY manipulation d'une class du CSS 4qhGdLE
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.
Chacha

Chacha
Modéractif
Modéractif

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

https://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

- Sujets similaires

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