Piwigo.org

Zwoofff · 2013-11-19 15:12:35

Bonjour,
Y a t'il un moyen sur un diaporama de page d'accueil, de retailler toutes les images qui défilent automatiquement comme le fait la taille d'image carré.
En fait j'aimerais que toutes mes images qui défile sur le diaporama de la première page soit à une taille unique de 1000x380 par exemple. mais qu'elles restent à leur taille d'origine dans les albums

Dernière modification par Zwoofff (2013-11-19 15:12:57)

flop25 · 2013-11-19 18:03:25

Bonjour

ça dépend de quel diaporama vous parlez ? un lien ?

Zwoofff · 2013-11-19 21:54:17

Bonsoir,
En fait c'est un diaporama qui est creé avec le code trouvé ici pour la page d'accueil
avec ce code :
<p>
<style type="text/css">
#menubar {display:none !important;}
.titrePage {display:none }
.content {max-width:1080px; margin:0 auto 10px auto !important;}
.Online {display:none;}
.content_block {max-width:none;}

.myHomePage_photo {text-align: center; margin:50px 0 20px 0;}
.myHomePage_photo a img {border-width:5px; border-style:solid; border-color:#666;}
.myHomePage_links {letter-spacing:2px; text-align:center; margin-bottom:0; font-weight:bold;}
.myHomePage_links2 a {letter-spacing:2px; color: #ff6702; text-align:center; margin-bottom:0; font-weight:bold;}
.myHomePage_name {margin-top:30px; letter-spacing:2px; text-align:center;} </style>
</p>
<div id="myHomePage">
<div class="myHomePage_photo">
<a href="index.php?/categories">[slider album=10 nb_images=10 random=yes size=S speed=3 title=no effect=no arrows=no control=no elastic=no]</a></div>
<div class="myHomePage_links">
<a href="index.php?/categories" style="color: #ff6702;">Cliquez sur l'image pour voir les albums</a> ● <a href="http://zwoofff.com">Retour vers le blog Zwoofff</a></td></div>
<div class="myHomePage_name">
by Zwoofff.com</div>
</div>

Zwoofff · 2013-11-19 21:57:02

j'ai essayé en modifiant.myHomePage_photo et .myHomePage_photo
mais ça ne marche pas bien. ça deforme les images par ne créé pas une fenetre par laquelle on vois les images comme cela se fait en choisissant la taille "carré" dans taille des images...

flop25 · 2013-11-19 22:11:40

je ne comprends pas du tout le soucis ni ce que vous dites dans le dernier message

vous avez le paramètre "size=S" et vous pouvez toujours mettre un attribut max-width:XXXpx; sur .myHomePage_photo a img

Zwoofff · 2013-11-19 22:19:21

Je vais essayé de me ré expliquer
Merci par avance pour votre patience.
Je souhaite avoir sur ma page une fenêtre de 980x280px dans laquelle défilerait les photos même si elles font d'origine Plus de 2500px de côté.
C'est un peu ce que fait la vignette carré qu l'on peut selectionner dans Configuration > Options > Taille de l'image.
Aujourd'hui si je mets height: 280px; width: 980px; dans .myHomePage_photo a img, l'image est déformée comme tirée en longueur...

flop25 · 2013-11-19 22:20:39

c'est normal il faut utiliser max-width / max-height

Zwoofff · 2013-11-19 22:28:26

Je viens d'essayer ...
pas mieux snifff

flop25 · 2013-11-19 22:31:08

un lien ?

Zwoofff · 2013-11-19 22:35:32

le code actuel est
.myHomePage_photo a img {border-width:5px; max-width: 980px: max-height: 250px; border-style:solid; border-color:#666;}

et voila ce que ça affiche
http://zwoofff.piwigo.com/

flop25 · 2013-11-19 22:40:03

j'ai même pas cherché à afficher le CSS : j'ai vu direct la bordure, j'ai compris... c'ets la bordure de 5 px qui décale, ça se voit bien
Outre ça, vos images font 576 px max de largeur donc "max-width: 980px: max-height: 250px;" ça ne sert à rien

Zwoofff · 2013-11-19 22:45:05

voila ce que ça donne en mettant des images plus grandes sans rien changer d'autre (sauf la bordure remise à 1, bien que je ne comprends pas en quoi ça change la taille de l'image)

flop25 · 2013-11-19 22:51:46

et donc faut remettre le max-width: 980px, mettre les tailles pour tous les blocs avec l'arguments !important
enfin bref, lire notre Doc sur le CSS et l'appliquer avec les outils indiqués

Zwoofff · 2013-11-19 23:06:48

mais j'ai bien laissé la ligne de cette façon
.myHomePage_photo a img {border-width:1px; max-width: 980px: max-height: 250px; border-style:solid; border-color:#666;}

Zwoofff · 2013-11-19 23:13:33

et pas mieux comme ça puisque le footer est déplacé trèèèès bas

.myHomePage_photo a img {border-width:1px;max-width: 980px !important; max-height: 250px !important; border-style:solid; border-color:#666;}

bon je tenterais encore demain sinon faudra le faire à l'arrache en faisant un album privé avec les photos retaillées en dur

Piwigo.org

Annonce

#1 2013-11-19 15:12:35

Diaporama et retaille de l'image

#2 2013-11-19 18:03:25

Re: Diaporama et retaille de l'image

#3 2013-11-19 21:54:17

Re: Diaporama et retaille de l'image

#4 2013-11-19 21:57:02

Re: Diaporama et retaille de l'image

#5 2013-11-19 22:11:40

Re: Diaporama et retaille de l'image

#6 2013-11-19 22:19:21

Re: Diaporama et retaille de l'image

#7 2013-11-19 22:20:39

Re: Diaporama et retaille de l'image

#8 2013-11-19 22:28:26

Re: Diaporama et retaille de l'image

#9 2013-11-19 22:31:08

Re: Diaporama et retaille de l'image

#10 2013-11-19 22:35:32

Re: Diaporama et retaille de l'image

#11 2013-11-19 22:40:03

Re: Diaporama et retaille de l'image

#12 2013-11-19 22:45:05

Re: Diaporama et retaille de l'image

#13 2013-11-19 22:51:46

Re: Diaporama et retaille de l'image

#14 2013-11-19 23:06:48

Re: Diaporama et retaille de l'image

#15 2013-11-19 23:13:33

Re: Diaporama et retaille de l'image

Pied de page des forums