[Résolu] Diaporama (Nouvelle fonction FA)

[FANCH 56]

Bonjour

Merci pour ce formulaire.

Comment centrer les images dans le widget ?

Merci

[Invité]

Salut FANCH 56,

je ne vois pas cette nouvelle fonction dans mon PA !!!!!

Tu peux être plus précis stp .

a++

[*Henry*]

Voir le Sujet :
https://forum.forumactif.com/h11-formulaire-diaporama
et :
https://forum.forumactif.com/t377148-creer-un-diaporama-images-defilantes

[FANCH 56]

Sur Facebook

Le lien est celui-ci

https://forum.forumactif.com/h11-formulaire-diaporama

[Invité]

Re,
ok merci,
je ne vais jamais sur le Facebook de forumActif , voilà pourquoi .

Je viens de tester et les images sont bien centrées dans le widget .

Il faut bien prendre en compte que toutes les images doivent avoir une taille identique .

a++

[FANCH 56]

Donc il faut les mettre au format avant ?

Moi çà donne ceci

[Invité]

Re,

Donc il faut les mettre au format avant ?

Je vais essayer de voir avec des images de taille plus importantes que le widget lui même
et je reviens ensuite .

a++

[Invité]

Re,

je viens de le déposer dans un Widget de mon fofo de test et je ne rencontre pas de problème de centrage , les images sont bien redimensionnées.

Mais pour un affichage exemplaire , il vaut mieux retoucher toutes les images avec les mêmes dimensions .

As tu le lien de ton fofo ou ce widget est présent FANCH
a++

[FANCH 56]

Voilà voilà Milouze

http://photosamateurs.forumactif.org/

[Invité]

Re,
tu peux me donner le code html FANCH stp .
a++

[FANCH 56]

Voilà

Code:

  <style type="text/css">#rotator1427475840820 {height:120px;} #rotator1427475840820 a{position:absolute;background:#FFFFFF;border:1px solid #CCCCCC;padding:4px;} #rotator1427475840820 img { height:110px;width:150px; }</style> 
<div id="rotator1427475840820">
         <a id="itemActif1427475840820" style="z-index:999" href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/19/08/80/09/locoal12.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/19/08/80/09/locoal11.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/19/08/80/09/locoal14.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/19/08/80/09/locoal15.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://2img.net/i/fa/empty.gif" alt="" /></a> 
</div><script type="text/javascript">(function(){var r = document.getElementById("rotator1427475840820"), l = r.getElementsByTagName("A"), rotate = window.setInterval(function() {var a = document.getElementById("itemActif1427475840820"), 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 = "itemActif1427475840820";n.style.zIndex = 999})},3500)})();</script>

[Invité]

Re,
essayes avec ceci:

J'ai augmenté la hauteur du bloc et placer un margin-left à 5%

Code:


          <style type="text/css">#rotator1427475840820 {height:130px;} #rotator1427475840820 a{position:absolute;margin-left: 5%;background:#FFFFFF;border:1px solid #CCCCCC;padding:4px;} #rotator1427475840820 img { height:110px;width:150px; }</style>       
<div id="rotator1427475840820">
                     <a id="itemActif1427475840820" style="z-index:999" href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/19/08/80/09/locoal12.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/19/08/80/09/locoal11.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/19/08/80/09/locoal14.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/19/08/80/09/locoal15.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://2img.net/i/fa/empty.gif" alt="" /></a>       
</div><script type="text/javascript">(function(){var r = document.getElementById("rotator1427475840820"), l = r.getElementsByTagName("A"), rotate = window.setInterval(function() {var a = document.getElementById("itemActif1427475840820"), 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 = "itemActif1427475840820";n.style.zIndex = 999})},3500)})();</script>



a++

[FANCH 56]

Si je comprends bien tu as joué pour le placement central sur le margin left ?

[Invité]

Salut FANCH 56,

Si je comprends bien tu as joué pour le placement central sur le margin left ?

Tu as bien résumé avec aussi la hauteur du bloc .

Code:

 <style type="text/css">#rotator1427475840820 {height:130px;}

a++

[FANCH 56]

Bonjour Milouze après une bonne nuit.

Pour la hauteur, j'avais vu. Mais je ne comprends pas que le générateur de code ne gère pas le centrage automatique.

[Invité]

Re,
les nuits chez moi sont très courtes .

Bonjour Milouze après une bonne nuit.

Pour la hauteur, j'avais vu. Mais je ne comprends pas que le générateur de code ne gère pas le centrage automatique.

La largeur de tes Widgets sont importantes FANCH .


a++

[FANCH 56]

OK

Merci

Je passe en résolu.