Affichage des photos plein écran

[Cloo]

Forum phpBB3 --> https://accrosjardin.forumactif.com/

Bonjour,

Dans le PA, j'ai limité la taille d'affichage des photos à 800x800.

Quand quelqu'un publie une photo plus grande, deux liens sont affichés: "Agrandir cette image" (qui l'agrandit à peine) et  "Cliquez ici pour la voir à sa taille originale", qui fait bien ce qu'il dit, l'afficher à sa taille originale.

Quand on utilise ce dernier lien, la photo est affichée dans le contexte du forum, c'est-à-dire avec la bannière en haut, le menu, etc... ce qui apparaît en premier, c'est la moitié supérieure de l'écran avec le cadre du forum, et la moitié inférieure avec le haut de la photo. Ce qui oblige à scroller pour voir la photo dans tout l'écran complet.

Exemple ici:
https://accrosjardin.forumactif.com/t4671p100-demande-d-aide-pour-mon-projet-de-magazine#105130

Y aurait-il un moyen pour que la photo s'affiche sans le cadre du forum, seulement la photo directement dans l'écran? (Même si je sais bien que, dans ce cas-là, la photo est assez grande, et demanderait quand même un scroll, mais moindre). En fait, quand on clique pour voir la photo... on veut voir la photo, pas l'en-tête du forum qu'on connait par coeur!

(Et oui, je sais... perso, je réduis toujours mes photos à une taille moindre avant de les publier... mais je transmets une demande...)

Merci d'avance!  

[Neptunia]

Bonjour ^^


Il suffit de transformer l'image en lien

Code:

[url=cible_du_lien_au_clic][img]https://hebergeur.com/adresse_directe_image.png[/img][/url]

c'est à dire : (deux fois le même lien direct : 1 pour l'image, l'autre pour le lien)

Code:

[url=https://i18.servimg.com/u/f18/18/21/41/30/warn-f10.png][img]https://i18.servimg.com/u/f18/18/21/41/30/warn-f10.png[/img][/url]

Ce qui donne :

[Cloo]

Je comprends... mais l'idée n'est pas de demander à chacun des membres de retoucher les liens fournis par l'hébergeur de photos, la plupart ne comprenant quasi pas la syntaxe des codes fournis, et se contentant de faire un copier/coller dans le message (D'ailleurs, c'est déjà ce que font la plupart des liens fournis par les hébergeurs, même si ce n'est pas le cas dans l'exemple ci-dessus...)

Mais plutôt que ce qui est obtenu par le lien du forum "Cliquer ici pour la voir à sa taille originale" ne soit pas affiché avec l'en-tête du forum qui bouffe la moitié de l'écran... mais la photo seulement.

Je comprends très bien que ce n'est pas possible actuellement... mais y a-t-il moyen d'implanter un petit qqch pour que ce soit le cas?

[Neptunia]

mais y a-t-il moyen d'implanter un petit qqch pour que ce soit le cas?

Tu pourrais demander à tes membres d'implanter un bouton droit sur leur souris (ce qui est déjà le cas sur la plupart des modèles du commerce)

Un clic-droit sur l'image puis clic-gauche sur afficher l'image charge l'image dans l'onglet en cours et en plein écran.

Clic-droit puis clic sur le bouton central (roulette) sur afficher l'image pour l'ouvrir dans un nouvel onglet.

[Cloo]

Comme si je ne savais pas déjà ça...

L'idée est de rendre l'utilisation du forum le plus conviviale possible.

[Cloo]

Je remonte le sujet... si quelqu'un a une idée...

[Cloo]

Je remonte le sujet!

[Tifan]

Bonjour !

Peut être utiliser un lien hypertexte ?

Je pense qu'Il y a de petits logiciels qui permettent ce genre d'ajout .

[Cloo]

Je remonte le sujet!

[w00tw00t]

Bonjour Cloo,

Lorsque l'on crée un forum phpBB3 avec le thème par défaut, le tronc du forum prend toute la largeur de la fenêtre. Dans ce cas de figure, le lien "Cliquez ici pour la voir à sa taille originale" permet effectivement d'afficher une image donnée en plein écran (ou presque). Par contre effectivement, pour ceux qui ont une largeur de tronc fixe de définie, le lien "Cliquez ici pour la voir à sa taille originale" peut être moins pertinent selon les cas.

A ma connaissance, actuellement FA ne propose aucune facilité JavaScript (ou d'options dans le panneau d'administration) pour répondre à ce besoin. En attendant, il faut donc utiliser une solution de contournement à base de redéfinitions de prototypes ou autres.

Je peux vous proposer cette solution qui me semble être la plus simple :

1) Ouvrez votre panneau d'administration et créez un nouveau JavaScript qui s'applique à toutes les pages.

2) Copiez / collez le script suivant, puis validez :

Code:

try {

  if(
      window.location.pathname.indexOf('/viewimage.forum') === 0 &&
      window.location.search.indexOf('?u=') === 0
  ){
        
    window.location.replace(
      decodeURIComponent(new RegExp("[?&]u(=([^&#]*)|&|#|$)").exec(window.location.search)[2].replace(/\+/g, " "))
    );
    
  }
  
} catch(e){
      console.log('FA Redirection Error', e);
}

Ainsi, lorsqu'un membre de votre forum cliquera sur le lien "Cliquez ici pour la voir à sa taille originale", un nouvel onglet s'ouvrira, et avant même que le DOM FA soit complètement chargé, c'est votre navigateur qui se verra confier la responsabilité d'afficher cette image en plein écran (avec les outils qui vont avec).

J'espère que cela répond à votre besoin, et reste à votre disposition pour plus de détails.

Cordialement,
w00tw00t

[Cloo]

Merci beaucoup, w00tw00t

Je viens de l'implanter et de le tester sur mon forum test, ça semble très bien fonctionner.

Je vais l'implanter sur mon vrai forum, et voir si ça satisfait les membres qui avaient souligné ce problème.

Encore merci

[Cloo]

Tout semble bien beau... merci beaucoup!