Ajoutez classe CSS sans acces à l'éditeur

Ajoutez classe CSS sans acces à l'éditeur was created by Kaiba

Posted 8 years 10 months ago #28260
Salut la communauté CK!

Je voulais ajouter un effet CK sur une image, le hic c'est que mes images sont pas incéré dans un article mais tout le dossier des thumbnails est sélectionné par un module, je m'explique.

Je veux avoir une image (avec effet ck) que je click et qui ouvre une gallery complète d'image avec un lightbox. Pour linstant je test art sexy image lightbox lite pcq je sais que j'ai l'option d'avoir juste un thumbnail sur ma page et qui ouvre en lightbox toute une gallerie de plusieurs images qui n'appariasse pas sur ma page (ps, est-ce que mediabox CK pro offre cette option? est-ce ceci: Chargement automatique des images depuis un dossier (version Pro)

entk pour revenir à mon sujet, je dis au module l'emplacement de mes thumbnails et de mes grosses images (pas de place pour mettre le code CSS)

Je sais que de l'information supplémentaire peut etre contenu dans des images (geo-localisation...) est-ce possible de sauvegarder une classe css directement sur une image? autre idée?

Merci pour tout

ps, je peux republier ma question dans le forum mediabox CK aussi si tu préfères CEd
by Kaiba

Please Log in or Create an account to join the conversation.

Replied by ced1870 on topic Ajoutez classe CSS sans acces à l'éditeur

Posted 8 years 10 months ago #28262
Salut

qui ouvre en lightbox toute une gallerie de plusieurs images qui n'appariasse pas sur ma page (ps, est-ce que mediabox CK pro offre cette option?

oui, tu peux charger des images d'un répertoire et les afficher à partir d'un seul lien dans un album à l'intérieur de la lightbox

il faudrait que j'ajoute une option à la mediabox pour pouvoir définir plusieurs choses à mettre sur les images et liens, dont une classe css

en attendant ce que tu peux faire c'est écrire le code complet dans ton article là où tu charges la miniature
Code:
<figure class="imageeffectck effectck-lily"><a rel="lightbox" href="ton url"><img src="/images/demos/demo.jpg" /></a><figcaption><div><div class="imageeffectck_title">John Doe</div><div class="imageeffectck_desc">John likes to play with crayons and pencils</div></div></figcaption></figure>

à adapter, tu peux remplacer le lien et l'image par le code d'appel à la miniature

CEd

Joomlack Webmaster and Developer

by ced1870
The following user(s) said Thank You: Kaiba

Please Log in or Create an account to join the conversation.

Replied by Kaiba on topic Ajoutez classe CSS sans acces à l'éditeur

Posted 8 years 9 months ago #28291
Merci CEd,

j'ai semi réussi. Je suis capable avec juste le code que tu m'as donné de faire apparaitre l'effet ck, voici le code légèrement modifié pour correspondre à mes images:

<figure class="imageeffectck effectck-lily"><a rel="lightbox" href=" sanssortir.com/index.php/services ">/images/test/photo-1415226078945-eba35fbf36fb.jpg
John Doe
John likes to play with crayons and pencils


Question 1: le url que je doit mettre, c'est bien celui qui apparait en haut de la page ou je veux le mettre?

Donc je dis semi-réussi car, je vois l'effet mais, je ne peux pas cliquer dessus pour allez voir mes autres images.

Autre problème, aussitot que je sort du editor, joomla change mon code pour celui-ci:<p><a href="index.php/services" rel="lightbox"><img src="/images/thumbnails/photo-1415226078945-eba35fbf36fb.jpg" alt="/images/test/photo-1415226078945-eba35fbf36fb.jpg" /></a></p>
<div>
<div class="imageeffectck_title">John Doe</div>
<div class="imageeffectck_desc">John likes to play with crayons and pencils</div>
</div>

et là évidemment je perd mon effet special CK
je comprends semi les extras <p> mais effacer complètement le figureclass???

Merci CEd,

Jo
by Kaiba

Please Log in or Create an account to join the conversation.

Replied by ced1870 on topic Ajoutez classe CSS sans acces à l'éditeur

Posted 8 years 9 months ago #28294
alors pour le lien c'est ma faute, il est mal placé, essaies comme cela

...
<figcaption>
<div>
<div class="imageeffectck_title">Nice Lily</div>
<div class="imageeffectck_desc">Lily likes to play with crayons and pencils</div>
</div>
<a href="ton lien ici"></a>
</figcaption>
...

je n'ai pas le temps de vérifier, dis moi si ça marche sinon je regarderai semaine prochaine

pour le nettoyage du code ça vient des paramètres de ton éditeur, il faut que tu regardes les réglages à ce niveau

Joomlack Webmaster and Developer

by ced1870

Please Log in or Create an account to join the conversation.

Replied by Kaiba on topic Ajoutez classe CSS sans acces à l'éditeur

Posted 8 years 9 months ago #28295
Ok, J'ai modifié les paramètres de mon éditeur et le code reste maintenant le même, merci beaucoup.

voici le nouveau code que j'ai incéré avec ce que tu m'avais dis, comme je te dis, je suis très mauvais avec le css.

<figure class="imageeffectck effectck-lily"><a rel="lightbox" ><img src="/images/thumbnails/photo-1415226078945-eba35fbf36fb.jpg" alt="/images/test/photo-1415226078945-eba35fbf36fb.jpg" /></a><figcaption>
<div>
<div class="imageeffectck_title">Nice Lily</div>
<div class="imageeffectck_desc">Lily likes to play with crayons and pencils</div>
</div>
<a href=" sanssortir.com/index.php/services ">
</figcaption>
</figure>

donc mon effet reste sur mon image comme prévu, je peux hoverer ma souris comme si cétais un lien mais, aucune autre image s'ouvre en lightbox, ça refresh la page actuelle, c'est tout. peut-etre parce que le url dns mon code doit être pour la version plus grosse et non le thumbnail?
by Kaiba

Please Log in or Create an account to join the conversation.

Replied by ced1870 on topic Ajoutez classe CSS sans acces à l'éditeur

Posted 8 years 9 months ago #28299
tu as deux liens dans ton code
mets uniquement le lien qui est à la fin :
<a href="sanssortir.com/index.php/services" rel="lightbox" ></a

Joomlack Webmaster and Developer

by ced1870

Please Log in or Create an account to join the conversation.

Time to create page: 0.656 seconds

Fast and powerful creation, customizable and responsive.

Read More

We have 292 guests and no members online