Recherche d'extension ou de mod pour insertion d'image avec liens hypergraphiques

Forum pour discuter des extensions, du processus de validation, la traduction des extensions, pour rechercher des extensions...
Pas de support dans cette section

Modérateur: Equipe

Règles du forum
A lire impérativement : Règlement de phpBB-fr.com

Attention, aucun support n'est fourni dans cette section.
Partager sur FacebookPartager sur TwitterPartager sur Google+

Recherche d'extension ou de mod pour insertion d'image avec liens hypergraphiques

Messagepar Rottt » 30 Aoû 2017 à 12:59

Bonjour.

Je cherche avec désespoir une extension (ou un MOD) qui permet l'insertion d'images avec liens hypergraphiques, par exemple comme celle ci-dessous:
Code: Tout sélectionner
<img src='https://i.imgur.com/hBy1NFZ.png' alt='My super fantastic custom sig' style='max-width:675px; max-height:300px;' usemap='#93ff8edc-3454-d61e-a3fa-d90b27fe8bb4'>
	<map name='93ff8edc-3454-d61e-a3fa-d90b27fe8bb4'>
		<area shape='rect' coords='45,0,90,45' title='Ant-Man (Civil War): Level 60 Cosmic'>
		<area shape='rect' coords='0,0,45,45' title='Angela (Angel of Asgard (Default)): Level 60 Cosmic'>
		<area shape='rect' coords='90,0,135,45' title='Beast (Uncanny (Default)): Level 60 Cosmic'>
	</map>


Cela ne fonctionne pas avec l fameux mapbbcode qui n'est de toute façon pas compatible avec la version phpBB 3.2.1 que j'utilise.

J'ai essayé de créé le BBCode moi-même, mais le mieux que j'obtienne, c'est l'affichage de l'image sans les liens hypergraphiques.

Avez-vous une idée d'extension existante ? L'extension googlemap n'est pas fonctionnelle dans ce cas.
Rottt
Posteur néophyte
Posteur néophyte
 
Messages: 2
Enregistré le: 30 Aoû 2017 à 12:34

Re: Recherche d'extension ou de mod pour insertion d'image avec liens hypergraphiques

Messagepar galixte » 31 Aoû 2017 à 03:15

Salut,

c’est quoi l’extension « Google Map » ? Ça : https://www.phpbb.com/community/viewtop ... p=14281491 ?

Vu ton sujet sur .com : https://www.phpbb.com/community/viewtop ... &t=2436006.

Ton code ne me semble pas idéal, une des raisons pour lesquelles ton code ne fonctionne pas c’est qu’il y a des : et des ( ) dans le code destiné à se placer dans la base ALT. En les supprimant le texte s’affiche.

Une piste : support-utilisation-phpbb3/sujet187949.html. La référence : https://www.w3schools.com/tags/att_img_usemap.asp.

Testé, ceci fonctionne :
  1. Utilisation du BBCode :
    Code: Tout sélectionner
    [usemap={URL}, {SIMPLETEXT}, {SIMPLETEXT2}]{SIMPLETEXT3}, {SIMPLETEXT4}, {SIMPLETEXT5}[/usemap]
  2. Code HTML de remplacement :
    Code: Tout sélectionner
    <img src="{URL}" alt="{SIMPLETEXT}" usemap="#{SIMPLETEXT2}">
    
    <map name="{SIMPLETEXT2}">
    <area shape="rect" coords="0,0,45,45" title="{SIMPLETEXT3}" alt="{SIMPLETEXT4}" href="./perso2" target="_blank">
    <area shape="rect" coords="45,0,90,45" title="{SIMPLETEXT4}" alt="{SIMPLETEXT3}" href="./perso1" target="_blank">
    <area shape="rect" coords="90,0,135,45" title="{SIMPLETEXT5}" alt="{SIMPLETEXT5}" href="./perso3" target="_blank">
    </map>
  3. Ligne d’aide :
    Code: Tout sélectionner
    Exemple : [usemap=ADRESSE URL DE L’IMAGE}, TEXTE ALTERNATIF DE L’IMAGE, NOM DE CODE DE l’IMAGE]NOM ZONE 1, NOM ZONE 2, NOM ZONE 3[/usemap]
Pour avoir les coordonnées, j’ai utilisé ceci : http://www.html-map.com mais je n’ai pas cherché, aussi je suppose qu’il y a des moyens plus simples.

On peut aller plus bien sûr, puisque c’est possible d’avoir la possibilité de saisir : la forme de la zone (shape=), les coordonnées de la zone (coords=) et le lien vers la zone (href=) saisissables.
Modifié en dernier par galixte le 31 Aoû 2017 à 03:57, modifié 2 fois.
Communau EzCom
Image
« Traductions d’extensions & styles pour phpBB 3.1.x & 3.2.x ».
ImageListes de toutes les extensions recensées pour phpBB 3.1.x & 3.2.x.
ImageListes de tous les styles recensés pour phpBB 3.1.x & 3.2.x.
Avatar de l’utilisateur
galixte
Floodeur universel
Floodeur universel
 
Messages: 9536
Enregistré le: 08 Mar 2004 à 02:40
Localisation: Sud de la France.

Re: Recherche d'extension ou de mod pour insertion d'image avec liens hypergraphiques

Messagepar Dakin Quelia » 31 Aoû 2017 à 03:44

Bonjour,

A priori, il suffirait de créer deux BBCodes.

1\ BBCode Map

Balise BBCode :
Code: Tout sélectionner
[map={URL}, {SIMPLETEXT}]{TEXT}[/map]

Code de remplacement HTML :
Code: Tout sélectionner
<img usemap="#{SIMPLETEXT}" src="{URL}" alt="map" />
<map name="{SIMPLETEXT}">
	{TEXT}
</map>


2\ BBCode Area

Balise BBCode :
Code: Tout sélectionner
[area={SIMPLETEXT}, {SIMPLETEXT2}]{SIMPLETEXT3}[/area]

Code de remplacement HTML :
Code: Tout sélectionner
<area coords="{SIMPLETEXT3}" shape="{SIMPLETEXT2}" href="#{SIMPLETEXT}">


3\ Exemple d'utilisation

Code: Tout sélectionner
[map=https://i.imgur.com/hBy1NFZ.png, nommap][area=Landal, rect]177, 327, 208, 353[/area][/map]


C'est dans l'idée que je me fais d'un tel BBCode simple. Après, il est possible d'en faire une véritable extension avec un petit formulaire pour ajouter des "area" et ainsi créer le code BBCode directement à inclure dans le formulaire.

Je précise, néanmoins, que je n'ai pas testé ma solution. A toi de me dire si ça fonctionne.

A cela, j'ajoute que c'est un BBCode où il y aurait pas mal de paramètres à régler. ;)

Bien à toi
Aucun support par mail, MP ou msn.
Mes MODs: ici | Mon blogue: Mon blogue | DeviantArt: cliquez ici
Avatar de l’utilisateur
Dakin Quelia
Floodeur universel
Floodeur universel
 
Messages: 21298
Enregistré le: 31 Oct 2006 à 19:33
Localisation: Belgique

Re: Recherche d'extension ou de mod pour insertion d'image avec liens hypergraphiques

Messagepar Rottt » 05 Sep 2017 à 12:37

Merci pour votre aide.

J'avais commencé avec ces bbcodes aussi, mais effectivement, je butais sur les parenthèses et les doubles cotes. Et je sais qu'il n''y pas de code simple pour cela.
Il faudrait codé une page php avec une boucle pour pour parser la source image et les 61 tags area qu'elle peut contenir.

En tout cas je teste cela et reviens vous dire ce que cela donne chez moi en local.

Merci
Rottt
Posteur néophyte
Posteur néophyte
 
Messages: 2
Enregistré le: 30 Aoû 2017 à 12:34


Retourner vers Discussions et recherches d'extensions

 


  • Articles en relation
    Réponses
    Vues
    Dernier message

Qui est en ligne

Utilisateurs parcourant ce forum : Aucun utilisateur enregistré et 1 invité