Aide sur Script JQUERY manipulation d'une class du CSS
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Aide sur Script JQUERY manipulation d'une class du CSS
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 à tousMon 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
Re: Aide sur Script JQUERY manipulation d'une class du CSS
Bonjour Killcat66,
Remplacer votre code javascript par celui-ci
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] + ")");
});
Re: Aide sur Script JQUERY manipulation d'une class du CSS
Excellent !
Ca fonctionne nickel !
Merci beaucoup pour le coup de main.
@+
Ca fonctionne nickel !
Merci beaucoup pour le coup de main.
@+
Re: Aide sur Script JQUERY manipulation d'une class du CSS
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. |
Sujets similaires
» Pb script JQUERY
» jQuery : le formulaire d'aide à la migration ne fonctionne pas ?
» Script JQuery Sticky (background)
» jQuery Image Warp script
» Problème emplacement Script Timeline JQuery
» jQuery : le formulaire d'aide à la migration ne fonctionne pas ?
» Script JQuery Sticky (background)
» jQuery Image Warp script
» Problème emplacement Script Timeline JQuery
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum