Bouton pour afficher / masquer le contenu ?

Bouton pour afficher / masquer le contenu ? was created by pierrer

Posted 5 years 11 months ago #47775
Salut Cédric,

Je cherche à intégrer un bouton (ou un élément, ou une image, ...) qui permettrait de masquer le contenu du slider par effet roll-over (:hover) mais pas l'image ou la vidéo de fond.

Contenu visible :
<div class="camera_caption fadeIn" style="visibility: visible; opacity: 1;">
<div>
<div class="camera_caption_title">XXXXXX</div>
<div class="camera_caption_desc">XXXXXXXX</div>
</div>
</div>

On passe sur le bouton et le contenu disparaît :
<div class="camera_caption fadeIn" style="visibility: visible; opacity: 0;">
<div>
<div class="camera_caption_title">XXXXXX</div>
<div class="camera_caption_desc">XXXXXXXX</div>
</div>
</div>

J'ai testé en ajoutant un élément «::before» mais malheureusement on ne peut pas y attribuer ensuite un effet :hover ... As-tu une idée, une suggestion ou une solution ?

Merci par avance !!!
by pierrer

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

Replied by ced1870 on topic Bouton pour afficher / masquer le contenu ?

Posted 5 years 11 months ago #47782
salut
si je comprends bien tu veux faire ça ?
Code:
.camera_caption:hover { opacity: 0; }

CEd

Joomlack Webmaster and Developer

by ced1870

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

Replied by pierrer on topic Bouton pour afficher / masquer le contenu ?

Posted 5 years 11 months ago #47783
Salut,

L'idée est d'afficher un bouton (carré avec un X) vers le contenu (titre + texte), si on passe au-dessus avec la souris, le contenu disparaît pour mieux voir l'image ou la vidéo de fond. Je pense que c'est une action qui serait utile à pas mal de monde ... et à mon client !

;-)

Edit : mais pas exactement avec un style CSS ".camera_caption:hover {opacity: 0;} " (ça, je sais faire) car il faut qu'on puisse par exemple cliquer sur un lien dans le texte de description (par exemple pour télécharger un PDF). Donc, il faut pouvoir passer au-dessus des contenus «camera_caption» sans les masquer (l'action de masquer doit se faire par un bouton, roll-over ou clic).
Last Edit:5 years 11 months ago by pierrer
Last edit: 5 years 11 months ago by pierrer.

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

Replied by ced1870 on topic Bouton pour afficher / masquer le contenu ?

Posted 5 years 11 months ago #47786
je vois, dans ce cas tu devrais t'orienter vers un template override qui te permet de réécrire le code html de sortie (et donc ce qu'il y a dans la légende) pour y ajouter un bouton et du javascript

Joomlack Webmaster and Developer

by ced1870

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

Replied by pierrer on topic Bouton pour afficher / masquer le contenu ?

Posted 5 years 11 months ago #47788
Salut,

C'est pas une fonction qu'on pourrait ajouter à ton Slideshow CK ?!?
by pierrer

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

Replied by ced1870 on topic Bouton pour afficher / masquer le contenu ?

Posted 5 years 11 months ago #47789
tu es le premier à me demander cette fonction en plusieurs années, donc je ne pense pas que ce soit un besoin général ;)
mais comme expliqué ça peut se faire en override, maintenant si tu n'y arrives pas et que tu as besoin d'assistance, contacte moi en privé pour un chiffrage si tu le désires

Joomlack Webmaster and Developer

by ced1870

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

Time to create page: 0.660 seconds

Fast and powerful creation, customizable and responsive.

Read More

We have 922 guests and 2 members online