Dotclear

Vous n'êtes pas identifié(e).

Annonce

13 février 2024 Sortie de Dotclear 2.29

#1 2014-04-28 20:59:44

Gradiva
Membre
Inscription : 2009-11-23
Site Web

Que peut-on faire avec un thème responsive?

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

#2 2014-04-29 05:52:29

Gradiva
Membre
Inscription : 2009-11-23
Site Web

Re : Que peut-on faire avec un thème responsive?

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

#3 2014-04-29 06:41:10

Gradiva
Membre
Inscription : 2009-11-23
Site Web

Re : Que peut-on faire avec un thème responsive?

Est-ce parfaitement inutile de vouloir imposer des tailles fixes dans la mesure ou les "sites" savent calculer des images à la volée?

Hors ligne

#4 2014-04-29 07:26:49

Philippe
Stagiaire
Lieu : Toulon
Inscription : 2004-06-13
Site Web

Re : Que peut-on faire avec un thème responsive?

Gradiva a écrit :

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

#5 2014-04-29 08:08:02

Gradiva
Membre
Inscription : 2009-11-23
Site Web

Re : Que peut-on faire avec un thème responsive?

Est-ce que tu me dis que Colorbox et les thèmes responsives ne travaillent pas ensemble?

J'essaie simplement de comprendre. (pour ne pas me lancer dans des travaux inutiles)

Hors ligne

#6 2014-04-29 08:17:00

Philippe
Stagiaire
Lieu : Toulon
Inscription : 2004-06-13
Site Web

Re : Que peut-on faire avec un thème responsive?

Je ne dis rien de tel. À ma connaissance, Colorbox fonctionne très bien avec le thème Ductile, par exemple ;)

Hors ligne

#7 2014-04-29 08:41:58

Gradiva
Membre
Inscription : 2009-11-23
Site Web

Re : Que peut-on faire avec un thème responsive?

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

#8 2014-04-29 08:59:28

Philippe
Stagiaire
Lieu : Toulon
Inscription : 2004-06-13
Site Web

Re : Que peut-on faire avec un thème responsive?

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

#9 2014-04-29 09:37:56

Gradiva
Membre
Inscription : 2009-11-23
Site Web

Re : Que peut-on faire avec un thème responsive?

Hors ligne

#10 2014-04-29 10:15:03

Philippe
Stagiaire
Lieu : Toulon
Inscription : 2004-06-13
Site Web

Re : Que peut-on faire avec un thème responsive?

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

#11 2014-04-29 10:46:10

Mathieu M.
Membre
Lieu : Rhône-Alpes
Inscription : 2009-09-14

Re : Que peut-on faire avec un thème responsive?

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

#12 2014-04-29 10:56:09

Philippe
Stagiaire
Lieu : Toulon
Inscription : 2004-06-13
Site Web

Re : Que peut-on faire avec un thème responsive?

@Mathieu M. : peut-être que simplement .post par défaut ferait l'affaire ?

Hors ligne

#13 2014-04-29 12:48:17

Philippe
Stagiaire
Lieu : Toulon
Inscription : 2004-06-13
Site Web

Re : Que peut-on faire avec un thème responsive?

@gradiva : oublie le conseil donné en #10 et mets à jour le plugin, la nouvelle version corrigera ton souci ;)

Hors ligne

#14 2014-04-29 13:42:00

Gradiva
Membre
Inscription : 2009-11-23
Site Web

Re : Que peut-on faire avec un thème responsive?

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

#15 2014-04-30 07:37:48

Gradiva
Membre
Inscription : 2009-11-23
Site Web

Re : Que peut-on faire avec un thème responsive?

Philippe a écrit :

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

#16 2014-04-30 07:40:04

Gradiva
Membre
Inscription : 2009-11-23
Site Web

Re : Que peut-on faire avec un thème responsive?

Peut-on demander à colorbox pour un thème mobile, de basculer les images verticales de 90°?

Hors ligne

#17 2014-04-30 08:41:49

Philippe
Stagiaire
Lieu : Toulon
Inscription : 2004-06-13
Site Web

Re : Que peut-on faire avec un thème responsive?

Gradiva a écrit :

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.

Gradiva a écrit :

Peut-on demander à colorbox pour un thème mobile, de basculer les images verticales de 90°?

Non.

Hors ligne

#18 2014-04-30 09:54:37

Gradiva
Membre
Inscription : 2009-11-23
Site Web

Re : Que peut-on faire avec un thème responsive?

Philippe a écrit :

Non, l'image est simplement redimensionnée en CSS afin de ne pas dépasser la taille de la fenêtre.


Cela je ne le comprends pas. Qui bosse pour mettre l'image à la bonne taille?

Hors ligne

#19 2014-04-30 10:01:18

Philippe
Stagiaire
Lieu : Toulon
Inscription : 2004-06-13
Site Web

Re : Que peut-on faire avec un thème responsive?

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

#20 2014-04-30 10:24:31

Gradiva
Membre
Inscription : 2009-11-23
Site Web

Re : Que peut-on faire avec un thème responsive?

oui merci beaucoup.

Donc qui dit calcul dit perte et coût.


img src, c'est assez nouveau ? c'est ce dont on parle dans le "responsive" ?

Hors ligne

#21 2014-04-30 11:00:04

Philippe
Stagiaire
Lieu : Toulon
Inscription : 2004-06-13
Site Web

Re : Que peut-on faire avec un thème responsive?

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

#22 2014-04-30 17:02:52

patidou
Membre
Inscription : 2004-11-14
Site Web

Re : Que peut-on faire avec un thème responsive?

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

#23 2014-05-01 07:19:56

Gradiva
Membre
Inscription : 2009-11-23
Site Web

Re : Que peut-on faire avec un thème responsive?

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

#24 2014-05-01 09:48:09

patidou
Membre
Inscription : 2004-11-14
Site Web

Re : Que peut-on faire avec un thème responsive?

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

#25 2014-05-01 12:36:18

Philippe
Stagiaire
Lieu : Toulon
Inscription : 2004-06-13
Site Web

Re : Que peut-on faire avec un thème responsive?

patidou a écrit :

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

Pied de page des forums

Sites map