Conseil CSS, création d'un site

Hunae Messages postés 31 Statut Membre -  
Maitre2B Messages postés 391 Statut Membre -
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 7217 Statut Membre 1 340
 
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 3003 Statut Membre 738
 
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 3003 Statut Membre 738
 
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 391 Statut Membre 33
 
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