Bouton pour afficher / masquer le contenu ?
7 years 1 week ago #47775
by pierrer
Bouton pour afficher / masquer le contenu ? was created by pierrer
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 !!!
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 !!!
Please Log in or Create an account to join the conversation.
7 years 1 week ago #47782
by ced1870
Joomlack Webmaster and Developer
Replied by ced1870 on topic Bouton pour afficher / masquer le contenu ?
salut
si je comprends bien tu veux faire ça ?
CEd
si je comprends bien tu veux faire ça ?
Code:
.camera_caption:hover {
opacity: 0;
}
CEd
Joomlack Webmaster and Developer
Please Log in or Create an account to join the conversation.
7 years 1 week ago - 7 years 1 week ago #47783
by pierrer
Replied by pierrer on topic Bouton pour afficher / masquer le contenu ?
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).
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: 7 years 1 week ago by pierrer.
Please Log in or Create an account to join the conversation.
7 years 1 week ago #47786
by ced1870
Joomlack Webmaster and Developer
Replied by ced1870 on topic Bouton pour afficher / masquer le contenu ?
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
Please Log in or Create an account to join the conversation.
7 years 1 week ago #47788
by pierrer
Replied by pierrer on topic Bouton pour afficher / masquer le contenu ?
Salut,
C'est pas une fonction qu'on pourrait ajouter à ton Slideshow CK ?!?
C'est pas une fonction qu'on pourrait ajouter à ton Slideshow CK ?!?
Please Log in or Create an account to join the conversation.
7 years 1 week ago #47789
by ced1870
Joomlack Webmaster and Developer
Replied by ced1870 on topic Bouton pour afficher / masquer le contenu ?
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

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
Please Log in or Create an account to join the conversation.
Time to create page: 0.208 seconds