Comment activez les images en mode Lightbox sur mobile ?

26 views
Skip to first unread message

Cours Mangas Inari Sensei

unread,
Jul 1, 2019, 10:11:02 AM7/1/19
to Forum Blogger Ambassade Francophone
Mon message
Bonjour, 
Sur mon site, j'ai activé le mode "exposé les images en lightbox" dans les paramètres du blog et cela permet d'afficher les images en lightbox en mode desktop. Malheureusement quand je passe en version mobile (www.monblog.blogspot/?m=1), les images sont ouvertes dans un onglet et non exposées en lightbox comme sur desktop...  Comment puis-je donc faire pour utiliser la lightbox proposée par blogger sur Desktop et Mobile ?
J'utilise le "Template Style Simple" version 2 proposé par blogger. J'ai modifié le code HTML pour permettre un affichage "responsive" sur mobile en ajoutant
b:responsive='true'
dans la balise <html> Dans l'onglet Choisir thème mobile, j'ai coché la case "Oui, afficher le thème mobile sur les appareils mobiles. " et j'a sélectionné le thème mobile "personnaliser".
 

Soraya Lambrechts [fr-BE]

unread,
Jul 2, 2019, 10:57:11 AM7/2/19
to Forum Blogger Ambassade Francophone
Salut,

La visionneuse n'a jamais été disponible dans la vue mobile. Il n'y a rien qu'on puisse y faire pour cette vue.
Au mieux, il faut la désactiver et construire un thème responsive.

Cours Mangas Inari Sensei

unread,
Jul 2, 2019, 5:52:52 PM7/2/19
to Forum Blogger Ambassade Francophone


Le mardi 2 juillet 2019 16:57:11 UTC+2, Soraya Lambrechts [fr-BE] a écrit :
Salut,

La visionneuse n'a jamais été disponible dans la vue mobile. Il n'y a rien qu'on puisse y faire pour cette vue.Au mieux, il faut la désactiver et construire un thème responsive.


C'est bien dommage... Merci pour la réponse !

Cours Mangas Inari Sensei

unread,
Jul 2, 2019, 6:23:09 PM7/2/19
to Forum Blogger Ambassade Francophone
Est-ce que vous pouvez me conseiller un code pour lightbox, ou un tuto qui explique comment faire une Lightbox sur blogger ? J'en ai trouvé quelqu'unes sur Google mais j'ai peur qu'elles deviennent très vite obsolètes avec les mises à jours de blogger...

Soraya Lambrechts [fr-BE]

unread,
Jul 3, 2019, 12:35:54 PM7/3/19
to Forum Blogger Ambassade Francophone
Il existe une méthode pour récupérer la lightbox, mais elle nécessite quelques petits travaux. Si ça t’intéresse :

1°) Ne pas utiliser la vue mobile
2°) Dans l'éditeur XML, remplacer toutes les données mobiles (data:mobile, data:blog.isMobile,etc) par data:blog.isMobileRequest (c'est un boolean dont le résultat est "true" lorsque la page est visualisée avec un portable)
3°) Ajouter manuellement après <head> la balise <link> du fichier CSS de la version mobile (voir le code source de la vue mobile), encadré de la condition <b:if cond='data:blog.isMobileRequest'>
4°) Remplacer la balise <body> par : <body class='loading'><b:class cond='data:blog.isMobileRequest' name='mobile'/>

Plus quelques autres petits détails, mais en pratique c'est réalisable de reconstruire une réplique de la vue mobile avec les modèles de cette génération.Ainsi, tu auras toutes les fonctionnalités dont la lightbox.

Cours Mangas Inari Sensei

unread,
Jul 10, 2019, 8:24:18 AM7/10/19
to Forum Blogger Ambassade Francophone
Merci pour la réponse, mais ça m'a l'air assez compliqué. Je vais laissé l'affiche par défaut.

Bryx

unread,
Jul 10, 2019, 12:29:38 PM7/10/19
to Forum Blogger Ambassade Francophone
Hello !

Iinari-chan, tu as de bonne connaissance en HTML, CSS et Javascript ?

Cours Mangas Inari Sensei

unread,
Jan 13, 2020, 5:57:59 PM1/13/20
to Forum Blogger Ambassade Francophone
Hello,

En HTML et CSS oui, mais je n'y connais rien en Javascript (ma grande lacune).

Reply all
Reply to author
Forward
0 new messages