[Résolu] Diaporama (Nouvelle fonction FA)

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu [Résolu] Diaporama (Nouvelle fonction FA)

Message par FANCH 56 le Ven 27 Mar 2015 - 18:09

Bonjour

Merci pour ce formulaire.

Comment centrer les images dans le widget ?

Merci


Dernière édition par FANCH 56 le Sam 28 Mar 2015 - 9:19, édité 1 fois

FANCH 56
+ Hyperactif +

Masculin
Messages : 13260
Inscrit(e) le : 25/07/2005

http://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Résolu] Diaporama (Nouvelle fonction FA)

Message par Milouze14 le Ven 27 Mar 2015 - 18:25

Salut FANCH 56,

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

Tu peux être plus précis stp Wink .

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Résolu] Diaporama (Nouvelle fonction FA)

Message par *Henry* le Ven 27 Mar 2015 - 18:28



Dernière édition par *Henry* le Ven 27 Mar 2015 - 18:30, édité 1 fois

*Henry*
+ Hyperactif +

Masculin
Messages : 2418
Inscrit(e) le : 11/04/2008

http://ww0.topp-henry.com
*Henry* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Résolu] Diaporama (Nouvelle fonction FA)

Message par FANCH 56 le Ven 27 Mar 2015 - 18:28


FANCH 56
+ Hyperactif +

Masculin
Messages : 13260
Inscrit(e) le : 25/07/2005

http://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Résolu] Diaporama (Nouvelle fonction FA)

Message par Milouze14 le Ven 27 Mar 2015 - 18:42

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

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

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

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Résolu] Diaporama (Nouvelle fonction FA)

Message par FANCH 56 le Ven 27 Mar 2015 - 18:50

Donc il faut les mettre au format avant ?

Moi çà donne ceci


FANCH 56
+ Hyperactif +

Masculin
Messages : 13260
Inscrit(e) le : 25/07/2005

http://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Résolu] Diaporama (Nouvelle fonction FA)

Message par Milouze14 le Ven 27 Mar 2015 - 18:52

Re,

@FANCH 56 a écrit: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 Wink .

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Résolu] Diaporama (Nouvelle fonction FA)

Message par Milouze14 le Ven 27 Mar 2015 - 19:01

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 Wink .

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

Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Résolu] Diaporama (Nouvelle fonction FA)

Message par FANCH 56 le Ven 27 Mar 2015 - 20:18

Voilà voilà Milouze

http://photosamateurs.forumactif.org/

FANCH 56
+ Hyperactif +

Masculin
Messages : 13260
Inscrit(e) le : 25/07/2005

http://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Résolu] Diaporama (Nouvelle fonction FA)

Message par Milouze14 le Ven 27 Mar 2015 - 20:50

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

Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Résolu] Diaporama (Nouvelle fonction FA)

Message par FANCH 56 le Ven 27 Mar 2015 - 20:54

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://illiweb.com/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>

FANCH 56
+ Hyperactif +

Masculin
Messages : 13260
Inscrit(e) le : 25/07/2005

http://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Résolu] Diaporama (Nouvelle fonction FA)

Message par Milouze14 le Ven 27 Mar 2015 - 20:59

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://illiweb.com/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++

Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Résolu] Diaporama (Nouvelle fonction FA)

Message par FANCH 56 le Ven 27 Mar 2015 - 22:54

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



FANCH 56
+ Hyperactif +

Masculin
Messages : 13260
Inscrit(e) le : 25/07/2005

http://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Résolu] Diaporama (Nouvelle fonction FA)

Message par Milouze14 le Sam 28 Mar 2015 - 5:03


Salut FANCH 56,
@FANCH 56 a écrit: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 Wink .
Code:
 <style type="text/css">#rotator1427475840820 {height:130px;}

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Résolu] Diaporama (Nouvelle fonction FA)

Message par FANCH 56 le Sam 28 Mar 2015 - 8:47

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.

FANCH 56
+ Hyperactif +

Masculin
Messages : 13260
Inscrit(e) le : 25/07/2005

http://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Résolu] Diaporama (Nouvelle fonction FA)

Message par Milouze14 le Sam 28 Mar 2015 - 9:12

Re,
les nuits chez moi sont très courtes Very Happy .
@FANCH 56 a écrit:
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 Wink .


a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Résolu] Diaporama (Nouvelle fonction FA)

Message par FANCH 56 le Sam 28 Mar 2015 - 9:18

OK

Merci

Je passe en résolu.

FANCH 56
+ Hyperactif +

Masculin
Messages : 13260
Inscrit(e) le : 25/07/2005

http://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum