Bannière qui change en fonction de l'heure
4 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 2 • Partagez
Page 1 sur 2 • 1, 2
Bannière qui change en fonction de l'heure
Bonjour,
J'ai voulu appliquer le code donné ici par zz10 mais celui ci ne fonctionne pas sur mon forum. Avez-vous une idée du problème?
Merci d'avance et bonne journée.
J'ai voulu appliquer le code donné ici par zz10 mais celui ci ne fonctionne pas sur mon forum. Avez-vous une idée du problème?
Merci d'avance et bonne journée.
Dernière édition par Zeste le Dim 21 Juil 2013, 12:44, édité 1 fois
Zeste- Membre habitué
-
Messages : 1366
Inscrit(e) le : 28/11/2010
Zeste- Membre habitué
-
Messages : 1366
Inscrit(e) le : 28/11/2010
Re: Bannière qui change en fonction de l'heure
J'ai oublié de dire aussi que je compte mettre 5 bannières au total. Dont une qui est par défaut. Donc il faudra modifier le code.
Zeste- Membre habitué
-
Messages : 1366
Inscrit(e) le : 28/11/2010
Zeste- Membre habitué
-
Messages : 1366
Inscrit(e) le : 28/11/2010
Zeste- Membre habitué
-
Messages : 1366
Inscrit(e) le : 28/11/2010
Zeste- Membre habitué
-
Messages : 1366
Inscrit(e) le : 28/11/2010
Zeste- Membre habitué
-
Messages : 1366
Inscrit(e) le : 28/11/2010
Re: Bannière qui change en fonction de l'heure
Up Avec toi !
Re: Bannière qui change en fonction de l'heure
Je viens de trouver ce topic : https://forum.forumactif.com/t335971-header-qui-change-toutes-les-heures
Mais en fait ici ça change le fond du forum en fonction de l'heure. Moi je voudrais changer la bannière (appelé le logo) d'accueil du site chaque heure.
Vous avez une idée?
Mais en fait ici ça change le fond du forum en fonction de l'heure. Moi je voudrais changer la bannière (appelé le logo) d'accueil du site chaque heure.
Vous avez une idée?
Zeste- Membre habitué
-
Messages : 1366
Inscrit(e) le : 28/11/2010
Re: Bannière qui change en fonction de l'heure
Bonjour,
Avez-vous essayé le code d'Ea en modifiant le body par #logo img ?
Donc quelque chose comme ceci :
Cordialement.
Avez-vous essayé le code d'Ea en modifiant le body par #logo img ?
Donc quelque chose comme ceci :
- Code:
$(document).one('bodytag',function(){
$('#logo img').addClass('hour'+(new Date).getHours());
});
Cordialement.
Re: Bannière qui change en fonction de l'heure
Bonjour Tech,
Non je n'avais pas essayé mais je viens de mettre en place votre code, mais cela ne marche pas.
Non je n'avais pas essayé mais je viens de mettre en place votre code, mais cela ne marche pas.
Zeste- Membre habitué
-
Messages : 1366
Inscrit(e) le : 28/11/2010
Re: Bannière qui change en fonction de l'heure
Et vous avez fait les modifications de templates et CSS ?
Si oui, puis-je avoir le lien de votre forum ? (en hide si vous préférez)
Et comment savez-vous que ça ne fonctionne pas vu que la bannière doit changer toutes les heures seulement ?
Cordialement.
Si oui, puis-je avoir le lien de votre forum ? (en hide si vous préférez)
Et comment savez-vous que ça ne fonctionne pas vu que la bannière doit changer toutes les heures seulement ?
Cordialement.
Re: Bannière qui change en fonction de l'heure
Non, j'ai juste mis votre code dans codes et javascripts.
Dans mon template j'ai juste (après la balise body) :
Et je n'ai pas changé le CSS.
Mais si votre question est que j'ai modifié des templates de mon forum, oui j'en ai modifié.
Et bien normalement, pour que ça marche, les smiley devraient s'afficher à la place de mon logo, non? J'ai laissé le css identique à celui de Ea, à savoir un changement chaque heure.
Donc ça doit être ça le soucis, mais je ne sais pas trop quoi modifier.
Dans mon template j'ai juste (après la balise body) :
- Code:
<script>$(document).trigger('bodytag')</script>
Et je n'ai pas changé le CSS.
Mais si votre question est que j'ai modifié des templates de mon forum, oui j'en ai modifié.
Et bien normalement, pour que ça marche, les smiley devraient s'afficher à la place de mon logo, non? J'ai laissé le css identique à celui de Ea, à savoir un changement chaque heure.
Donc ça doit être ça le soucis, mais je ne sais pas trop quoi modifier.
Dernière édition par Zeste le Dim 21 Juil 2013, 12:43, édité 1 fois
Zeste- Membre habitué
-
Messages : 1366
Inscrit(e) le : 28/11/2010
Re: Bannière qui change en fonction de l'heure
Et #i_logo plutôt ?
Par contre, vous avez mis dans votre CSS, tous les mêmes smileys. J'ai donc du mal à comprendre l'utilité de votre demande ?
Vous voulez faire pour la bannière ou non ?
Cordialement.
Par contre, vous avez mis dans votre CSS, tous les mêmes smileys. J'ai donc du mal à comprendre l'utilité de votre demande ?
Vous voulez faire pour la bannière ou non ?
Cordialement.
Re: Bannière qui change en fonction de l'heure
Je viens d'essayer avec #i_logo mais c'est toujours pareil.
Je n'ai pas encore modifié parce que j'attends de voir si les smileys d'affichent ou non. Dès qu'ils s'afficheront je modifierai le code à ma manière pour que l'image du logo change en fonction de l'heure. Donc logiquement quand ça marchera, il y aura juste un même smiley en logo du site. A ce moment là je changerai le CSS. Mais en attendant, je préfère laisser comme ça.
Je n'ai pas encore modifié parce que j'attends de voir si les smileys d'affichent ou non. Dès qu'ils s'afficheront je modifierai le code à ma manière pour que l'image du logo change en fonction de l'heure. Donc logiquement quand ça marchera, il y aura juste un même smiley en logo du site. A ce moment là je changerai le CSS. Mais en attendant, je préfère laisser comme ça.
Zeste- Membre habitué
-
Messages : 1366
Inscrit(e) le : 28/11/2010
Zeste- Membre habitué
-
Messages : 1366
Inscrit(e) le : 28/11/2010
Zeste- Membre habitué
-
Messages : 1366
Inscrit(e) le : 28/11/2010
Zeste- Membre habitué
-
Messages : 1366
Inscrit(e) le : 28/11/2010
Zeste- Membre habitué
-
Messages : 1366
Inscrit(e) le : 28/11/2010
Zeste- Membre habitué
-
Messages : 1366
Inscrit(e) le : 28/11/2010
Zeste- Membre habitué
-
Messages : 1366
Inscrit(e) le : 28/11/2010
Re: Bannière qui change en fonction de l'heure
Bonjour,
Avez-vous regardé si la class de l'image change toutes les heures ? Si celle-ci change, alors il doit y avoir moyen de changer qquechose. Par contre, ajouter une class CSS sur une image n'en changera pas son lien src. Une piste au vol :
en javascript :
Je n'ai pas testé ce code, mais il pourrait bien fonctionner comme vous le souhaitez ;-)
Bonne journée,
PS.: si cela ne fonctionne pas, puis-je avoir le lien de votre forum pour faire quelques tests svp ?
Avez-vous regardé si la class de l'image change toutes les heures ? Si celle-ci change, alors il doit y avoir moyen de changer qquechose. Par contre, ajouter une class CSS sur une image n'en changera pas son lien src. Une piste au vol :
en javascript :
- Code:
$(document).one('bodytag',function(){
$('#logo img').addClass('hour'+(new Date).getHours());
$('#logo img .hour0').attr('src','urldemonimageheure0.jpg');
$('#logo img .hour1').attr('src','urldemonimageheure1.jpg');
$('#logo img .hour2').attr('src','urldemonimageheure2.jpg');
$('#logo img .hour3').attr('src','urldemonimageheure3.jpg');
....
$('#logo img .hour23').attr('src','urldemonimageheure23.jpg');
});
Je n'ai pas testé ce code, mais il pourrait bien fonctionner comme vous le souhaitez ;-)
Bonne journée,
PS.: si cela ne fonctionne pas, puis-je avoir le lien de votre forum pour faire quelques tests svp ?
benneke- ***
- Messages : 150
Inscrit(e) le : 07/04/2012
Re: Bannière qui change en fonction de l'heure
Bonjour,
J'ai mis un code comme ceci mais ça ne marche pas.
Pour le lien de mon forum, il est un peu plus haut, en caché.
J'ai mis un code comme ceci mais ça ne marche pas.
- Code:
$(document).one('bodytag',function(){
$('#logo img').addClass('hour'+(new Date).getHours());
$('#logo img .hour12').attr('src','http://t3.gstatic.com/images?q=tbn:ANd9GcQXkPY0BlCjoorCHkAemUqNxL9tgZsSmI06sTG_xSIxa-kuAws7');
$('#logo img .hour13').attr('src','http://t3.gstatic.com/images?q=tbn:ANd9GcQVGtcx2tnDJO_dOploKSWvgJOfpJVHxBKji49J7IAc_ER_kNwr');
});
Pour le lien de mon forum, il est un peu plus haut, en caché.
Zeste- Membre habitué
-
Messages : 1366
Inscrit(e) le : 28/11/2010
Re: Bannière qui change en fonction de l'heure
Effectivement, je ne l'avais pas vu...
Par contre, je ne vois pas le premier code JS fonctionner (je suis parti du principe que celui-ci fonctionnait déjà)...
En regardant le code source de la page, je ne retrouve pas d'élément avec id="logo", c'est bien cette image ci https://i.servimg.com/u/f45/15/75/02/96/header13.jpg que vous souhaitez modifier ?
Bonne journée,
EDIT :
il y a effectivement une erreur dans mon code, si l'élément ciblé en premier est correct devrait donner :
J'avais mis un espace entre img et .hour et cela ne pouvait pas ;-) Je viens de faire un test et cela fonctionne à merveilles
Par contre, je ne vois pas le premier code JS fonctionner (je suis parti du principe que celui-ci fonctionnait déjà)...
En regardant le code source de la page, je ne retrouve pas d'élément avec id="logo", c'est bien cette image ci https://i.servimg.com/u/f45/15/75/02/96/header13.jpg que vous souhaitez modifier ?
Bonne journée,
EDIT :
il y a effectivement une erreur dans mon code, si l'élément ciblé en premier est correct devrait donner :
- Code:
$(document).ready(function()
{
$(function ()
{
$('#logo img').addClass('hour'+(new Date).getHours());
$('#logo img.hour0').attr('src','urldemonimageheure0.jpg');
$('#logo img.hour1').attr('src','urldemonimageheure1.jpg');
$('#logo img.hour2').attr('src','urldemonimageheure2.jpg');
$('#logo img.hour3').attr('src','urldemonimageheure3.jpg');
....
$('#logo img.hour23').attr('src','urldemonimageheure23.jpg');
});
});
J'avais mis un espace entre img et .hour et cela ne pouvait pas ;-) Je viens de faire un test et cela fonctionne à merveilles
benneke- ***
- Messages : 150
Inscrit(e) le : 07/04/2012
Re: Bannière qui change en fonction de l'heure
En regardant le code source de la page, je ne retrouve pas d'élément avec id="logo", c'est bien cette image ci https://i.servimg.com/u/f45/15/75/02/96/header13.jpg que vous souhaitez modifier ?
Exact.
Je viens de mettre ce code :
- Code:
$(document).ready(function()
{
$(function ()
{
$('#logo img').addClass('hour'+(new Date).getHours());
$('#logo img.hour13').attr('src','http://t3.gstatic.com/images?q=tbn:ANd9GcQXkPY0BlCjoorCHkAemUqNxL9tgZsSmI06sTG_xSIxa-kuAws7');
$('#logo img.hour14').attr('src','http://t3.gstatic.com/images?q=tbn:ANd9GcQVGtcx2tnDJO_dOploKSWvgJOfpJVHxBKji49J7IAc_ER_kNwr');
});
});
Mais rien ne change, je ne sais pas pourquoi.
Zeste- Membre habitué
-
Messages : 1366
Inscrit(e) le : 28/11/2010
Re: Bannière qui change en fonction de l'heure
Ok je vois le souci, en fait cette image a comme ID i_logo et n'est pas enfant d'un div avec id logo.
Essaye avec ce code-ci :
EDIT :
maintenant je te conseille d'utiliser d'autres noms que 'hour' qui peut être utilisé pour autre chose sur ta page. Personnellement je mettrais qque chose du style MonHeureImage, la on est certain qu'un autre développeur ne mette pas une classe hour13 sur une image
Une autre chose sympa est de commenter ton code, ce qui permet à la personne qui vient après toi de comprendre la logique du code et de modifier/corriger facilement
Donc cela donnerait :
Essaye avec ce code-ci :
- Code:
$(document).ready(function()
{
$(function ()
{
$('img#i_logo').addClass('hour'+(new Date).getHours());
$('.hour13').attr('src','http://t3.gstatic.com/images?q=tbn:ANd9GcQXkPY0BlCjoorCHkAemUqNxL9tgZsSmI06sTG_xSIxa-kuAws7');
$('.hour14').attr('src','http://t3.gstatic.com/images?q=tbn:ANd9GcQVGtcx2tnDJO_dOploKSWvgJOfpJVHxBKji49J7IAc_ER_kNwr');
});
});
EDIT :
maintenant je te conseille d'utiliser d'autres noms que 'hour' qui peut être utilisé pour autre chose sur ta page. Personnellement je mettrais qque chose du style MonHeureImage, la on est certain qu'un autre développeur ne mette pas une classe hour13 sur une image
Une autre chose sympa est de commenter ton code, ce qui permet à la personne qui vient après toi de comprendre la logique du code et de modifier/corriger facilement
Donc cela donnerait :
- Code:
$(document).ready(function()
{
$(function ()
{
// on cible l image avec id i_logo et on ajoute la classe 'MonHeureImage'+numéro heure
$('img#i_logo').addClass('MonHeureImage'+(new Date).getHours());
// on indique le fichier a afficher pour chaque heure de la journée
$('.MonHeureImage13').attr('src','http://t3.gstatic.com/images?q=tbn:ANd9GcQXkPY0BlCjoorCHkAemUqNxL9tgZsSmI06sTG_xSIxa-kuAws7');
$('.MonHeureImage14').attr('src','http://t3.gstatic.com/images?q=tbn:ANd9GcQVGtcx2tnDJO_dOploKSWvgJOfpJVHxBKji49J7IAc_ER_kNwr');
});
});
benneke- ***
- Messages : 150
Inscrit(e) le : 07/04/2012
Re: Bannière qui change en fonction de l'heure
J'ai appliqué ce code :
Mais ça n'a rien changé.
EDIT : Ça marche. Par contre, le logo ne change pas directement, la page charge puis quelques secondes après l'image apparaît et l'ancien logo par défaut disparaît.
- Code:
$(document).ready(function()
{
$(function ()
{
// on cible l image avec id i_logo et on ajoute la classe 'MonHeureImage'+numéro heure
$('img#i_logo').addClass('MonHeureImage'+(new Date).getHours());
// on indique le fichier a afficher pour chaque heure de la journée
$('.MonHeureImage16').attr('src','http://t3.gstatic.com/images?q=tbn:ANd9GcQXkPY0BlCjoorCHkAemUqNxL9tgZsSmI06sTG_xSIxa-kuAws7');
$('.MonHeureImage17').attr('src','http://t3.gstatic.com/images?q=tbn:ANd9GcQVGtcx2tnDJO_dOploKSWvgJOfpJVHxBKji49J7IAc_ER_kNwr');
});
});
Mais ça n'a rien changé.
EDIT : Ça marche. Par contre, le logo ne change pas directement, la page charge puis quelques secondes après l'image apparaît et l'ancien logo par défaut disparaît.
Zeste- Membre habitué
-
Messages : 1366
Inscrit(e) le : 28/11/2010
Re: Bannière qui change en fonction de l'heure
Bonjour,
En fait c'est normal. Le navigateur recoit une page html, une fois chargée il va exécuter le code JavaScript qui lui dit de changer l'image par une autre. Il charge l'image et fait ensuite le changement. La vitesse de changement va dépendre de la vitesse de connexion, la vitesse du PC et la vitesse de traitement JavaScript du browser. Il doit y avoir moyen de le declancher avant la fin du chargement complet de la page, mais j'avoue la mes limites. Par contre, le chargement d'une seconde page dans la même heure devrait aller plus vite car l'image est déjà en cache. Il est donc important de mettre des images pas trop lourdes a charger.
En espérant avoir été assez clair dans mes explications ;-) moi en tout cas je me suis compris. Si c'est pas clair, j'essaierai de mieux expliquer :-P
En fait c'est normal. Le navigateur recoit une page html, une fois chargée il va exécuter le code JavaScript qui lui dit de changer l'image par une autre. Il charge l'image et fait ensuite le changement. La vitesse de changement va dépendre de la vitesse de connexion, la vitesse du PC et la vitesse de traitement JavaScript du browser. Il doit y avoir moyen de le declancher avant la fin du chargement complet de la page, mais j'avoue la mes limites. Par contre, le chargement d'une seconde page dans la même heure devrait aller plus vite car l'image est déjà en cache. Il est donc important de mettre des images pas trop lourdes a charger.
En espérant avoir été assez clair dans mes explications ;-) moi en tout cas je me suis compris. Si c'est pas clair, j'essaierai de mieux expliquer :-P
benneke- ***
- Messages : 150
Inscrit(e) le : 07/04/2012
Re: Bannière qui change en fonction de l'heure
Mais je pense avoir une solution. Le mieux ne serait-il pas de supprimer le logo par défaut?
Zeste- Membre habitué
-
Messages : 1366
Inscrit(e) le : 28/11/2010
Re: Bannière qui change en fonction de l'heure
Oui mais non, car si pas de logo, on sait pas changer sa valeur. Mais vous pouvez utiliser une image transparente (un png ou un gif, ce qui est le moins lourd) de même taille que les autres logos, sinon le tout va "sauter" et c'est pas joli. C'est une bonne piste je pense. Par contre, en phpbb2 il n'y a pas moyen de faire des templates et de mettre des conditions dans le template ? Ce serait encore mieux en fait, je viens d'y penser
On pourrait modifier le code JS pour cibler l'élément parent, descendre dans sa hiérarchie et ajouter une image, mais c'est plus aléatoire, surtout si forumactif change une balise qque part, c'est foutu.
On pourrait modifier le code JS pour cibler l'élément parent, descendre dans sa hiérarchie et ajouter une image, mais c'est plus aléatoire, surtout si forumactif change une balise qque part, c'est foutu.
benneke- ***
- Messages : 150
Inscrit(e) le : 07/04/2012
Page 1 sur 2 • 1, 2
Sujets similaires
» Bannière qui change !
» Bannière qui change
» Bannière qui change
» Bannière avec compteur de clics dans la bannière : HELP
» Bannière qui change en fonction de l'heure... pas le fond !
» Bannière qui change
» Bannière qui change
» Bannière avec compteur de clics dans la bannière : HELP
» Bannière qui change en fonction de l'heure... pas le fond !
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 2
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum