Ajoutez classe CSS sans acces à l'éditeur
9 years 4 months ago #28260
by Kaiba
Ajoutez classe CSS sans acces à l'éditeur was created by Kaiba
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
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
Please Log in or Create an account to join the conversation.
9 years 4 months ago #28262
by ced1870
Joomlack Webmaster and Developer
Replied by ced1870 on topic Ajoutez classe CSS sans acces à l'éditeur
Salut
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
à adapter, tu peux remplacer le lien et l'image par le code d'appel à la miniature
CEd
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 lightboxqui 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?
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
The following user(s) said Thank You: Kaiba
Please Log in or Create an account to join the conversation.
9 years 4 months ago #28291
by Kaiba
Replied by Kaiba on topic Ajoutez classe CSS sans acces à l'éditeur
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 ">
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
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 ">
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
Please Log in or Create an account to join the conversation.
9 years 4 months ago #28294
by ced1870
Joomlack Webmaster and Developer
Replied by ced1870 on topic Ajoutez classe CSS sans acces à l'éditeur
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
...
<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
Please Log in or Create an account to join the conversation.
9 years 4 months ago #28295
by Kaiba
Replied by Kaiba on topic Ajoutez classe CSS sans acces à l'éditeur
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?
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?
Please Log in or Create an account to join the conversation.
9 years 4 months ago #28299
by ced1870
Joomlack Webmaster and Developer
Replied by ced1870 on topic Ajoutez classe CSS sans acces à l'éditeur
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
mets uniquement le lien qui est à la fin :
<a href="sanssortir.com/index.php/services" rel="lightbox" ></a
Joomlack Webmaster and Developer
Please Log in or Create an account to join the conversation.
Time to create page: 0.224 seconds