diaporama à côté du logo du forum

[photoclic]

Détails techniques

Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://photoclic.forum-pro.fr/

Description du problème

Bonjour,

Est-il possible d'afficher en haut à droite des pages à côté du logo du forum un diaporama (où sinon une image changeable toute les semaines) faisant la même hauteur que le logo?

merci pour votre réponse.

[Neptunia]

Bonjour ^^


Pour le diaporama en lui-même, vous avez un générateur disponible ici :

Créer un diaporama (images défilantes)

Pour sa mise en place, créer un javascript avec le code suivant :

Code:

$(function(){
                  $("body").append('<div style="position: absolute; top: 70px; right: 10px">Code_html_du_diaporama_sur_une_seule_ligne</div>');
        });

- L'attribut top détermine l'espace entre le haut de page et le bord supérieur du diaporama.
- L'attribut right règle l'espace entre bord droit du forum et bord droit du diaporama.
- Pour l'attribut position, absolute permet d'ancrer le diaporama à la même hauteur que le logo (disparaît lors du scroll). A remplacer par fixed si vous souhaitez un diaporama flottant qui restera visible y-compris en faisant défiler la page.

[photoclic]

Merci Neptunia pour ton aide.

C'est super. J'ai suivi ton tuto, ça colle. Il a juste fallu que je mette top: 40px; right: 330px pour le voir à droite.
Est-il possible de rajouter un titre au dessus?

Juste un truc qui me chagrine aussi. L'image sera changée toutes le semaines (ou une image sera ajoutée chaque semaine). Ceci sera fait par un modo qui n'a pas accés aux codes et ne saura pas modifier le javascript chaque semaine. Y a t-il une solution pour que le modo n'ai qu'à coller un lien d'image quelque part pour ajouter ou remplacer une image à cet endroit?
Merci par avance.

[Neptunia]

Modifier un code quel qu'il soit est le travail d'un admin.

Non ce n'est pas comme dans la vraie vie ou les hauts placés refilent leur travail aux moins hauts placés. Soit vous modifiez le code vous-même, soit vous rajoutez votre modo dans le groupe administrateur mais si vous voulez lui confier des tâches d'administration vous devez lui donner accès aux outils le permettant.

[photoclic]

Merci Neptuna.
Mon Modo en fait a déjà droit aux outils, mais ne sait pas et ne veut pas s'en servir.

Et pour ajouter un titre centré au dessus de la galerie?

[Neptunia]

Pour le titre faudrait voir à le rajouter au code HTML du générateur. Comme je ne sais pas à quoi ressemble ce code, aucune idée de comment le modifier

[photoclic]

OK. Merci.
Peut-être que quelqu'un saura à quoi ressemble ce code.

[photoclic]

Au début sute après ça:

Code:

  $("body").append('<div style="position: absolute; top: 40px; right: 540px;">


J'ai essayé d'ajouter cela:

Code:

<div style="text-align:center;color:rgb(66, 66, 66);font-size:18px;font-weight:bold;" >Diaporama


Mais impossible de centrer le texte au dessus de la galerie. Il reste à gauche.

[Neptunia]

En fermant la div ça devrait aller mieux.
Votre div de titre est ouverte mais non refermée.

[photoclic]

Merci Neptuna.
J'avais mis le div à là fin du code.
Je l'ai déplacé ainsi et cela ne change rien.Le titre reste toujours à gauche.

Je vous mets tout le code du javascript.

Code:

    $(function(){

  $("body").append('<div style="position: absolute; top: 40px; right: 420px;"><div style="text-align: center;color:rgb(66, 66, 66);font-size:18px;font-weight: bold;" >Galerie </div><style type="text/css">#rotator1454847230524 {height:250px;} #rotator1454847230524 a{position:absolute;background:#FFFFFF;border:1px solid #CCCCCC;padding:4px;} #rotator1454847230524 img { height:260px; }</style><div id="rotator1454847230524"><a id="itemActif1454847230524" style="z-index:999" href="http://forum.forumactif.com/h11-formulaire-diaporama#" title="" target="_blank"><img src=" http://i68.servimg.com/u/f68/18/04/59/57/img_3819.jpg" alt="" /></a><a  href="http://forum.forumactif.com/h11-formulaire-diaporama#" title="" target="_blank"><img src="http://i68.servimg.com/u/f68/18/04/59/57/img_3814.jpg" alt="" /></a><a  href="http://forum.forumactif.com/h11-formulaire-diaporama#" title="" target="_blank"><img src=" http://i68.servimg.com/u/f68/18/04/59/57/img_3914.jpg " alt="" /></a><a  href="http://forum.forumactif.com/h11-formulaire-diaporama#" title="" target="_blank"><img src="http://i68.servimg.com/u/f68/18/04/59/57/scan11.jpg" alt="" /></a><a  href="http://forum.forumactif.com/h11-formulaire-diaporama#" title="" target="_blank"><img src="http://i68.servimg.com/u/f68/18/04/59/57/img_3913.jpg" alt="" /></a></div><script type="text/javascript">(function(){var r = document.getElementById("rotator1454847230524"), l = r.getElementsByTagName("A"), rotate = window.setInterval(function() {var a = document.getElementById("itemActif1454847230524"), n = jQuery(a).next()[0] || l[0]; if (!a) return window.clearInterval(rotate); n.style.opacity = 1;n.style.zIndex = 998;jQuery(a).animate({"opacity":0},1200,"linear",function() {a.id = "";a.style.zIndex = "";n.id = "itemActif1454847230524";n.style.zIndex = 999})},6500)})();</script></div>');
        });

[photoclic]

Ce qui est curieux aussi, c'est que les images n'ayant pas le même format, on voit une partie de celle du dessous sur le côté droit au premier passage de toutes les images.

Je ne comprends pas ces 2 problèmes.

[Invité]

bonsoir a vous 2 (juste pour une infos)

Code:

<div style="text-align:center;color:rgb(66, 66, 66);font-size:18px;font-weight:bold;" >Diaporama

avec un width a la div le texte va ce centrer
ps:je suis partie sur la largeur de la grande photo

Code:

<div style="width:250px;text-align:center;color:rgb(66, 66, 66);font-size:18px;font-weight:bold;" >Diaporama

il faudra aussi imposé un centrage de vos photos ,( ou les mètres a la même taille) sinon suivant la largeur le titre ne sera pas bien au milieux de chaque photo..

bonne continuation .....

[photoclic]

Heureux de te revoir R-Max et merci.

En ajoutant le with, ça centre effectivement le titre par rapport à la plus grande photo.
Reste à trouver comment centrer les photos et ce problème de superposition au 1ier passage des photos.

[photoclic]

up

[photoclic]

Merci encore R-Max. Je vais utiliser ta solution.

Comme de toutes façons il faut ajouter les photos une par une, je les mettrais sur un fond transparent pour qu'elles aient la même taille et ainsi ton code est OK.


Pour mon modo,J'ai écouté Neptuna
je lui ai dit: "ce n'est pas comme dans la vraie vie ou les hauts placés refilent leur travail aux moins hauts placés. t'as qu'à modifié le code toi même".

Modifier un code quel qu'il soit est le travail d'un admin.

Non ce n'est pas comme dans la vraie vie ou les hauts placés refilent leur travail aux moins hauts placés. Soit vous modifiez le code vous-même, soit vous rajoutez votre modo dans le groupe administrateur mais si vous voulez lui confier des tâches d'administration vous devez lui donner accès aux outils le permettant.

[Neptunia]

J'entends jusqu'ici les réponses du modo, j'ai l'oreille droite qui siffle

Plus sérieusement, que ce soit en matière de forum ou de toute autre chose quand on utilise du prêt-à-porter et qu'on veut du sur-mesure, il faut savoir se contenter de ce qui est inclus ou alors mettre soi-même la main à la pâte.

D'ailleurs le formulaire pour les diaporamas est relativement récent et réduit considérablement l'effort à fournir.

[photoclic]

Désolé pour ton acouphène Neptuna.

Et puis t'as raison, lorsque l'on va chez quelqu'un, on ne commence pas par changer les meubles de place ...