Mon bbcode perd sa class
aiglobulles Membre non connecté
-
Booster Missile
- Voir le profil du membre aiglobulles
- Inscrit le : 15/08/2008
- Groupes :
j'ai suivi le tuto disponible ICI afin de pouvoir utiliser la fonction lightbox sur mon site.
Pour aller plus loin, j'ai modifié le code afin d'intégrer directement une miniature de l'image plutôt que de devoir intégrer un texte pour afficher la lightbox.
Dans le fichier bbcode.js:
Code JAVASCRIPT :
function bbcode_ligthbox(field, prompt_text) { var url = prompt(prompt_text); if( url != null && url != '' ) insertbbcode('[lightbox=' + url + '][img class="bbcode_lightbox_mini"]' + url +'[/img]', '[/lightbox]', field); else insertbbcode('[lightbox=][img class="bbcode_lightbox_mini"]' + url + '[/img]', '[/lightbox]', field); }
En faiti, j'ai intégré la balise "img" à laquelle j'ai appliqué une class que j'ai défini dans le fichier bbcode.css (ou j'ai également modifié la largeur de la barre bbcode):
Code CSS :
.bbcode, .bbcode2{ background-color:#336397; color:#FFFFFF; border:1px solid #BEBEBE; border-collapse:collapse; border-spacing:0px; height:32px; font-size:12px; width: 530px; } .bbcode_lightbox_mini { max-width:250px; max-height:250px; border: 5px solid #fff; border-radius: 5px; box-shadow: 0 0 5px #000; }
enfin, dans le fichier bbcode_editor.tpl j'ai ajouté la ligne suivante après la ligne 130:
Code HTML :
<img src="{PATH_TO_ROOT}/templates/{THEME}/images/form/lightbox.png" class="bbcode_hover" {AUTH_URL} onclick="{DISABLED_URL}bbcode_ligthbox('{FIELD}', '{L_URL_PROMPT}');" alt="Insérer une image en utilisant l'effet Lightbox" title="Insérer une image en utilisant l'effet Lightbox" />
Voilà donc le soucis, c'est que, quand je rédige un article et que j'utilise la balise lightbox, à l'affichage, tout se passe bien, c'est merveilleux. Si j'édite mon article, les choses se compliquent car l'attribut "class="bbcode_lightbox_mini" n'apparait plus. Si je valide les imagettes sont devenues des images grands format.
Comment faire pour ne pas perdre la class affectée à la balise img dans le cadre de l'utilisation de la lightbox svp ?
ElenWii Membre non connecté
-
Administrateur
- Voir le profil du membre ElenWii
- Inscrit le : 14/08/2009
- Site internet
- Groupes :
-
Equipe Graphique
ElenWii
aiglobulles Membre non connecté
-
Booster Missile
- Voir le profil du membre aiglobulles
- Inscrit le : 15/08/2008
- Groupes :
alors pour info, si dans le bbcode.js, je modifie img class par img style et que j'applique directement le style, alors il n'y a pas de soucis.
J'ai donc ait comme ça, mais ma question visait plutôt dans le cas ou d'autres personnes voudraient pouvoir facilement modifier le style des imagettes sans avoir à éditer un ficher js...
Je referai un petit tuto complet pour expliquer l'intégration direct des images avec a lightbox.
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie