Conseil CSS, création d'un site

Fermé
Hunae Messages postés 25 Date d'inscription vendredi 27 mai 2011 Statut Membre Dernière intervention 1 octobre 2015 - 4 mai 2015 à 20:21
Maitre2B Messages postés 341 Date d'inscription jeudi 29 octobre 2009 Statut Membre Dernière intervention 11 avril 2020 - 11 mai 2015 à 16:39
Bonjour à vous,
je cherche des conseils en CSS.
Voilà j'aimerais crée un site ou des images apparaissent dessus.
ce sont des images qu'y ont une opacité diminuer.
Lorsqu'on passe dessus (les images regagnent de leurs opacité)
Ensuite lorsqu'on clique sur les images, j'aimerais qu'une galerie photo
s'affiche ou une vidéo.
Lorsque ce clique sur l'image, j'aimerais qu'on voit mon site en arrière plan un peu noirci et que ma gallerie soit en avant plan donc.

Et que lorsqu'on clique à coté dans le vide ( dans la partie de mon site noircie ) qu'on revienne sur le site de base
A voir également:

2 réponses

mpmp93 Messages postés 6648 Date d'inscription mercredi 13 avril 2011 Statut Membre Dernière intervention 28 septembre 2015 1 339
5 mai 2015 à 07:39
Bonjour,

Un mot qui revient souvent: "j'aimerais"....

Moi, j'aimerais voir ce que vous avez déja réalisé. Et là, on pourrait vous aider...

Sinon, regardez sur les sites qui font déjà ça et analysez leur css...

A+
3
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 737
5 mai 2015 à 16:17
Bonjour
Un exemple

<img src="monimage.jpg" class="opaque" />

css
.opaque{opacity:0.5;}
.opaque:hover{opacity:1;}

par contre pour le reste (clic) css n'est pas suffisant il faut du javascript ou mieux et plus simple jquery
il existe des plugin jquery pour les lightbox et ou les sliders
ex
http://www.justinbarkhuff.com/lab/lightbox_slideshow/
2
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 737
6 mai 2015 à 17:10
Hunae --> 17 questions 3 réponses, jamais merci, Ca fait plaisir de t'aider toi !!! la politesse tu connais ?
https://www.commentcamarche.net/infos/25855-charte-d-utilisation-de-commentcamarche-net-respect-d-autrui/
0
Maitre2B Messages postés 341 Date d'inscription jeudi 29 octobre 2009 Statut Membre Dernière intervention 11 avril 2020 33
11 mai 2015 à 16:39
animostab a dit tout ce que je voulais conseiller :/

css
.opaque{opacity:0.5;}
.opaque:hover{opacity:1;}

Pour le reste, ce sera du javascript
0