Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

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 : 1238
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 : 57011
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


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