Vous n'êtes pas identifié(e).
13 février 2024 Sortie de Dotclear 2.29
Bonjour,
J'ai lu 2 articles assez complets sur Alsacréations et je voulais savoir ce que je pouvais faire avec un tel thème au sujet des photos.
Je pars du full HD soit un 21 pouces ou un smartphone 5 pouce assez récent. 1920x 1080.
Est-ce que je peux imposer la taille de l'image au navigateur avec le thème? (taille fixe). Quelquesoit l'écran?
Chaque image à 4 tailles 1900 1000 600 et 300.
Sur un full HD en horizontal j'ai la plus grande image 1900.
L'image est verticale , le navigateur prend la 1000px
le lecteur passe en écran vertical le navigateur reprend la 1900 px.
Sur un iphone en horizontal le thème prend la 1000 px et la 600 px pour une image verticale etc...
Pour les portable 1440 ou ou 1680 on a la sidebar à placer et cela revient à un iphone.
On règle Dotclear (Thumbnail small medium) sur 300 600 et 1000 px.
Par contre je ne sais plus si Dotclear fait les miniatures sur la plus grande dimension?
Hors ligne
Je prends un exemple précis.
Mes images 1900 px avec coloxbox apparaissent pleine image sur mon écran 21p.
Sur le portable 1440 px, colorbox et le thème pourraient ils choisir les images 1000 px pour le diaporama?
Hors ligne
Sur le portable 1440 px, colorbox et le thème pourraient ils choisir les images 1000 px pour le diaporama?
Ce n'est pas possible avec Colorbox.
Toutefois tu peux spécifier une taille maximale pour la fenêtre modale dans la section Dimensions de la configuration avancée.
Dans les champs "Largeur maximale" et "Hauteur maximale" tu peux mettre par exemple 95%, sans oublier d'enregistrer les paramètres ;)
Hors ligne
Je ne dis rien de tel. À ma connaissance, Colorbox fonctionne très bien avec le thème Ductile, par exemple ;)
Hors ligne
Ma remarque n'était pas
-est-ce que colorbox réduit la taille à cause de la sidebar
-mais est-ce que colorbox suit le thème responsive. Avec Polyvalence j'ai une image plus petite, mais sans colorbox. Donc je pense qu'il y a un conflit.
Hors ligne
Je ne comprends vraiment pas la question : Colorbox ne modifie en rien les CSS du thème.
Sans exemple en ligne avec Colorbox activé et des liens vers des images, je ne peux pas en dire plus.
Hors ligne
Voilà l'exemple.
http://lechaphotographie.net/dot2014/si … est-images
Merci.
Hors ligne
Je vois le problème : polyvalence affiche les billets dans un bloc <article class="post"> et non dans <div class="post">.
Il faut donc ajouter .post (sans oublier le point devant) dans le champ "Appliquer Colorbox aux blocs supplémentaires suivants" de la section "Sélecteurs" dans la configuration avancée
Hors ligne
Salut Philippe,
Je l'avais déjà relevé plusieurs fois pour mes thèmes qui ont des balises html5 :(
Est-il possible de ton côté de mettre à jour le plugin pour modifier la valeur par défaut à .post et div.post ?
Merci ;)
Hors ligne
@Mathieu M. : peut-être que simplement .post par défaut ferait l'affaire ?
Hors ligne
@gradiva : oublie le conseil donné en #10 et mets à jour le plugin, la nouvelle version corrigera ton souci ;)
Hors ligne
Bon le diaporama marche, mais point de vue taille, ça ne va pas.
Sur le portable j'ai 1900 px pour 1440, donc polyvalence ne sert à rien.
Sur le téléphone 1920 px j'ai un ascenseur de folie. Avec Chrome.
Donc j'ai bien fait de poser la question.
Dernière modification par Gradiva (2014-04-29 15:43:44)
Hors ligne
Toutefois tu peux spécifier une taille maximale pour la fenêtre modale dans la section Dimensions de la configuration avancée.
Dans les champs "Largeur maximale" et "Hauteur maximale" tu peux mettre par exemple 95%, sans oublier d'enregistrer les paramètres ;)
Dans ce cas l'image est recalculée à la volée?
Hors ligne
Dans ce cas l'image est recalculée à la volée?
Non, l'image est simplement redimensionnée en CSS afin de ne pas dépasser la taille de la fenêtre.
Peut-on demander à colorbox pour un thème mobile, de basculer les images verticales de 90°?
Non.
Hors ligne
Hors ligne
L'image est mise à la bonne taille par javascript ou CSS, donc toujours côté navigateur.
C'est déjà le cas en html, où tu peux spécifier la taille affichée d'une image même si l'image a d'autres dimensions. Par exemple si tu insères une image avec ce code :
<img src="image.jpg" width="250" height="150" alt="" />
et que l'image fait 600 pixels de côté, elle ne fera que 250 pixels de large à l'affichage. C'est plus clair ?
Hors ligne
Il n'y a pas de perte si tu affiches une image dans un format plus petit que l'original, mais il y a effectivement un coût de chargement, c'est pourquoi il vaut mieux redimensionner les images à la taille affichable par le navigateur.
L'attribut src est obligatoire depuis les débuts de HTML, c'est l'adresse de l'image, donc non, il n'y a rien de nouveau ;)
Hors ligne
Gradiva, si tu veux je peux essayer d'intégrer le conteneur colorbox dans la CSS de Polyvalence, ou te donner un bout de code.
«Quand j'étais petit, je voulais être maître du monde. Maintenant que je suis grand, j'arrive à peine à être maître de moi-même.» Le Chat/Philippe Geluk.
Dotclear a besoin de vous
Hors ligne
Bonjour,
Si tu penses que c'est une solution viable, je suis d'accord pour le bout de code.
Dans ce cas je me demande si lightbox ne suffit pas, un ami présente ses images avec lightbox des images dans des billets, plusieurs dizaines par billet et c'est ma foi très facile à faire et à regarder. Mais cela commence à dater et il manque des images plus grandes.
Je partirais bien dans cette direction.
Pour le thème mobile
pour chaque image une version 1920 une version 1080 une version 640. une version 320
Pour le thème PC
idem.
Il faudrait mettre une image qui rentre dans le cadre sans être coupée, exemple une carrée pour le 1920 serrait à 1080x1080. Je n'ai jamais vu de fonction photo qui face cela convertir selon le rapport d'homothécie.
Ou bien navigateur ne calcule jamais l'image, ne coupe jamais l'image. il prend celle qui est plus petite.
Ce point est important car pour l'instant le diaporama semble fonctionner en plein cadre et non en pleine image.
Pour le mobile, il faudrait mettre les verticales à l'horizontale pour que ce soit la main qui bouge. Ou alors il existe une commande de rotation. (mais est-ce pratique avec une tablette?)
(tout cela me semble bien compliqué et vain dans la mesure ou chaque navigateur n'en fait qu'à sa tête)
Hors ligne
Ce que je pensais faire c'est forcer le conteneur colorbox de l'image à tenir dans la largeur de l'écran.
Pour ce qui est de fournir une qualité d'image adaptée à l'écran, il existe un plugin pour ça.
http://open-time.net/post/2013/12/17/Pl … r-Dotclear
Dernière modification par patidou (2014-05-01 09:50:17)
«Quand j'étais petit, je voulais être maître du monde. Maintenant que je suis grand, j'arrive à peine à être maître de moi-même.» Le Chat/Philippe Geluk.
Dotclear a besoin de vous
Hors ligne
Ce que je pensais faire c'est forcer le conteneur colorbox de l'image à tenir dans la largeur de l'écran.
Ce n'est pas ce que fait déjà le plugin (cf message #4) ?
Hors ligne
Vous n'êtes pas identifié(e).