Bug de création de diaporama

[Enalynne-Art]

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 11-11-2018
Lien du forum : http://mercenaires.bb-fr.com/forum

Description du problème

Bonjour, la création du Diaporama avec votre formulaire n'indique qu'une image vide en prévisualisation, voici le code :

Code:

<style type="text/css">
#rotator1541927334696 {height:610px;}
#rotator1541927334696 a{position:absolute;background:
#756248;border:1px solid #634E36;padding:4px;}
#rotator1541927334696 img { height:600px;width:800px; }</style>
<div id="rotator1541927334696"><a id="itemActif1541927334696" style="z-index:999" href="https://forum.forumactif.com/h11-formulaire-diaporama#" title="" target="_blank"><img src="http://petitbouchou.free.fr/selen-648/halo/banniere-halo-648.png" alt="" /></a>
<a  href="https://forum.forumactif.com/h11-formulaire-diaporama#" title="" target="_blank"><img src="http://petitbouchou.free.fr/selen-648/halo/contes/1.png" alt="" /></a>
<a  href="https://forum.forumactif.com/h11-formulaire-diaporama#" title="" target="_blank"><img src="http://petitbouchou.free.fr/selen-648/halo/contes/4.png" alt="" /></a>
<a  href="https://forum.forumactif.com/h11-formulaire-diaporama#" title="" target="_blank"><img src="http://petitbouchou.free.fr/selen-648/halo/contes/7.png" alt="" /></a>
<a  href="https://forum.forumactif.com/h11-formulaire-diaporama#" title="" target="_blank"><img src="http://petitbouchou.free.fr/selen-648/halo/contes/2.png" alt="" /></a>
<a  href="https://forum.forumactif.com/h11-formulaire-diaporama#" title="" target="_blank"><img src="http://petitbouchou.free.fr/selen-648/halo/malediction/2.png" alt="" /></a>
<a  href="https://forum.forumactif.com/h11-formulaire-diaporama#" title="" target="_blank"><img src="http://petitbouchou.free.fr/selen-648/halo/malediction/6a.png" alt="" /></a>
<a  href="https://forum.forumactif.com/h11-formulaire-diaporama#" title="" target="_blank"><img src="http://petitbouchou.free.fr/selen-648/halo/malediction/9.png" alt="" /></a>
<a  href="https://forum.forumactif.com/h11-formulaire-diaporama#" title="" target="_blank"><img src="http://petitbouchou.free.fr/selen-648/halo/malediction/9a.png" alt="" /></a>
<a  href="https://forum.forumactif.com/h11-formulaire-diaporama#" title="" target="_blank"><img src="http://petitbouchou.free.fr/selen-648/halo/malediction/36.png" alt="" /></a>
<a  href="https://forum.forumactif.com/h11-formulaire-diaporama#" title="" target="_blank"><img src="http://petitbouchou.free.fr/selen-648/halo/malediction/39.png" alt="" /></a>
<a  href="https://forum.forumactif.com/h11-formulaire-diaporama#" title="" target="_blank"><img src="http://petitbouchou.free.fr/selen-648/halo/malediction/37.png" alt="" /></a>
<a  href="https://forum.forumactif.com/h11-formulaire-diaporama#" title="" target="_blank"><img src="http://petitbouchou.free.fr/selen-648/halo/defile/11.png" alt="" /></a>
<a  href="https://forum.forumactif.com/h11-formulaire-diaporama#" title="" target="_blank"><img src="http://petitbouchou.free.fr/selen-648/halo/defile/15.png" alt="" /></a>
<a  href="https://forum.forumactif.com/h11-formulaire-diaporama#" title="" target="_blank"><img src="http://petitbouchou.free.fr/selen-648/halo/defile/23.png" alt="" /></a>
<a  href="https://forum.forumactif.com/h11-formulaire-diaporama#" title="" target="_blank"><img src="http://petitbouchou.free.fr/selen-648/halo/defile/26.png" alt="" /></a>
<a  href="https://forum.forumactif.com/h11-formulaire-diaporama#" title="" target="_blank"><img src="http://petitbouchou.free.fr/selen-648/halo/defile/36.png" alt="" /></a>
<a  href="https://forum.forumactif.com/h11-formulaire-diaporama#" title="" target="_blank"><img src="http://petitbouchou.free.fr/selen-648/halo/defile/54.png" alt="" /></a>
<a  href="https://forum.forumactif.com/h11-formulaire-diaporama#" title="" target="_blank"><img src="http://petitbouchou.free.fr/selen-648/halo/defile/75.png" alt="" /></a>
<a  href="https://forum.forumactif.com/h11-formulaire-diaporama#" title="" target="_blank"><img src="http://petitbouchou.free.fr/selen-648/halo/defile/40.png" alt="" /></a>
<a  href="https://forum.forumactif.com/h11-formulaire-diaporama#" title="" target="_blank"><img src="http://petitbouchou.free.fr/selen-648/halo/defile/80.png" alt="" /></a><a  href="https://forum.forumactif.com/h11-formulaire-diaporama#" title="" target="_blank"><img src="http://petitbouchou.free.fr/selen-648/halo/defile/83.png" alt="" /></a>
<a  href="https://forum.forumactif.com/h11-formulaire-diaporama#" title="" target="_blank"><img src="http://petitbouchou.free.fr/selen-648/halo/defile/90.png" alt="" /></a>
<a  href="https://forum.forumactif.com/h11-formulaire-diaporama#" title="" target="_blank"><img src="http://petitbouchou.free.fr/selen-648/halo/defile/50b.png" alt="" /></a></div>
<script type="text/javascript">(function(){var r = document.getElementById("rotator1541927334696"), l = r.getElementsByTagName("A"), rotate = window.setInterval(function() {var a = document.getElementById("itemActif1541927334696"), 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},800,"linear",function() {a.id = "";a.style.zIndex = "";n.id = "itemActif1541927334696";n.style.zIndex = 999})},3500)})();</script>

Merci d'avance, je voulais le mettre sur le portail dans le Widget : "Souvenir de nos animations"

[Invité]

Hello Enalynne-Art,
hum, tu ne peux pas prévisualiser un Widget .
Comment procèdes tu stp ?

Attention car ton diaporama (qui est fonctionnel) contient des images qui sont très importantes en taille.

Tu désires mettre ce dernier au centre sur ton portail ?


a++

[Enalynne-Art]

Merci de votre réponse,

Oui en effet, je veux le mettre sur le portail, les images trop grandes, je pensais qu'avec la taille limité du diaporama se redimensionnaient toutes seules, je le ferai si nécessaire...

Je voulais prévisualiser avant de l'intégrer dans un widget mais je ne savais pas que ce n'était pas possible.

Comment dois-je procéder alors pour qu'il apparaisse sur le portail ? Merci

[Invité]

Re,

je cite ceci:

Tu désires mettre ce dernier au centre sur ton portail ?

Cela à son importance .

a++

[Enalynne-Art]

Bonjour, ah désolée, je n'ai pas répondu à la question en fait ?

Oui je désire qu'il soit au centre du portail, merci d'avance et bonne journée

Ena

[Invité]

Hello Enalynne-Art,

déposes tout ce code dans le Widget :

Code:

<script>
jQuery(function(){
var width=jQuery('.portal').find('td.column:first').next().css('width');
jQuery('div[id="rotator1541927334696"]').css('width',width);
jQuery('div[id="rotator1541927334696"] img').css('width',width);
});
</script> <style type="text/css">
#rotator1541927334696 {overflow:hidden;height:400px;}
 #rotator1541927334696 img { height:400px;}
#rotator1541927334696 a{position:absolute;background:#756248;border:1px solid #634E36;}
</style>
<div id="rotator1541927334696">
    <a target="_blank" title="" href="https://forum.forumactif.com/h11-formulaire-diaporama#" style="z-index:999" id="itemActif1541927334696"><img alt="" src="http://petitbouchou.free.fr/selen-648/halo/banniere-halo-648.png" /></a><a target="_blank" title="" href="https://forum.forumactif.com/h11-formulaire-diaporama#"><img alt="" src="http://petitbouchou.free.fr/selen-648/halo/contes/1.png" /></a><a target="_blank" title="" href="https://forum.forumactif.com/h11-formulaire-diaporama#"><img alt="" src="http://petitbouchou.free.fr/selen-648/halo/contes/4.png" /></a><a target="_blank" title="" href="https://forum.forumactif.com/h11-formulaire-diaporama#"><img alt="" src="http://petitbouchou.free.fr/selen-648/halo/contes/7.png" /></a><a target="_blank" title="" href="https://forum.forumactif.com/h11-formulaire-diaporama#"><img alt="" src="http://petitbouchou.free.fr/selen-648/halo/contes/2.png" /></a><a target="_blank" title="" href="https://forum.forumactif.com/h11-formulaire-diaporama#"><img alt="" src="http://petitbouchou.free.fr/selen-648/halo/malediction/2.png" /></a><a target="_blank" title="" href="https://forum.forumactif.com/h11-formulaire-diaporama#"><img alt="" src="http://petitbouchou.free.fr/selen-648/halo/malediction/6a.png" /></a><a target="_blank" title="" href="https://forum.forumactif.com/h11-formulaire-diaporama#"><img alt="" src="http://petitbouchou.free.fr/selen-648/halo/malediction/9.png" /></a><a target="_blank" title="" href="https://forum.forumactif.com/h11-formulaire-diaporama#"><img alt="" src="http://petitbouchou.free.fr/selen-648/halo/malediction/9a.png" /></a><a target="_blank" title="" href="https://forum.forumactif.com/h11-formulaire-diaporama#"><img alt="" src="http://petitbouchou.free.fr/selen-648/halo/malediction/36.png" /></a><a target="_blank" title="" href="https://forum.forumactif.com/h11-formulaire-diaporama#"><img alt="" src="http://petitbouchou.free.fr/selen-648/halo/malediction/39.png" /></a><a target="_blank" title="" href="https://forum.forumactif.com/h11-formulaire-diaporama#"><img alt="" src="http://petitbouchou.free.fr/selen-648/halo/malediction/37.png" /></a><a target="_blank" title="" href="https://forum.forumactif.com/h11-formulaire-diaporama#"><img alt="" src="http://petitbouchou.free.fr/selen-648/halo/defile/11.png" /></a><a target="_blank" title="" href="https://forum.forumactif.com/h11-formulaire-diaporama#"><img alt="" src="http://petitbouchou.free.fr/selen-648/halo/defile/15.png" /></a><a target="_blank" title="" href="https://forum.forumactif.com/h11-formulaire-diaporama#"><img alt="" src="http://petitbouchou.free.fr/selen-648/halo/defile/23.png" /></a><a target="_blank" title="" href="https://forum.forumactif.com/h11-formulaire-diaporama#"><img alt="" src="http://petitbouchou.free.fr/selen-648/halo/defile/26.png" /></a><a target="_blank" title="" href="https://forum.forumactif.com/h11-formulaire-diaporama#"><img alt="" src="http://petitbouchou.free.fr/selen-648/halo/defile/36.png" /></a><a target="_blank" title="" href="https://forum.forumactif.com/h11-formulaire-diaporama#"><img alt="" src="http://petitbouchou.free.fr/selen-648/halo/defile/54.png" /></a><a target="_blank" title="" href="https://forum.forumactif.com/h11-formulaire-diaporama#"><img alt="" src="http://petitbouchou.free.fr/selen-648/halo/defile/75.png" /></a><a target="_blank" title="" href="https://forum.forumactif.com/h11-formulaire-diaporama#"><img alt="" src="http://petitbouchou.free.fr/selen-648/halo/defile/40.png" /></a><a target="_blank" title="" href="https://forum.forumactif.com/h11-formulaire-diaporama#"><img alt="" src="http://petitbouchou.free.fr/selen-648/halo/defile/80.png" /></a><a target="_blank" title="" href="https://forum.forumactif.com/h11-formulaire-diaporama#"><img alt="" src="http://petitbouchou.free.fr/selen-648/halo/defile/83.png" /></a><a target="_blank" title="" href="https://forum.forumactif.com/h11-formulaire-diaporama#"><img alt="" src="http://petitbouchou.free.fr/selen-648/halo/defile/90.png" /></a><a target="_blank" title="" href="https://forum.forumactif.com/h11-formulaire-diaporama#"><img alt="" src="http://petitbouchou.free.fr/selen-648/halo/defile/50b.png" /></a>
</div><script type="text/javascript">(function(){var r = document.getElementById("rotator1541927334696"), l = r.getElementsByTagName("A"), rotate = window.setInterval(function() {var a = document.getElementById("itemActif1541927334696"), 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},800,"linear",function() {a.id = "";a.style.zIndex = "";n.id = "itemActif1541927334696";n.style.zIndex = 999})},3500)})();</script>


Ce code va prendre obligatoirement la largeur de la colonne du centre

Dans les deux styles suivants:

Code:

#rotator1541927334696 {overflow:hidden;height:400px;}
 #rotator1541927334696 img { height:400px;}

C'est impératif, il faut leurs attribuer la même hauteur .

a++

[Enalynne-Art]

Merci, c'est génial, ça fonctionne !