Conseil CSS, création d'un site

Hunae Messages postés 25 Date d'inscription   Statut Membre Dernière intervention   -  
Maitre2B Messages postés 341 Date d'inscription   Statut Membre Dernière intervention   -
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

Réponse 1 / 2
mpmp93 Messages postés 6648 Date d'inscription   Statut Membre Dernière intervention   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
Réponse 2 / 2
animostab Messages postés 2829 Date d'inscription   Statut Membre Dernière intervention   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 2829 Date d'inscription   Statut Membre Dernière intervention   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 341 Date d'inscription   Statut Membre Dernière intervention   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

Discussions similaires

C'est quoi le site qui remplace coco chat
TP3 -
bazfile -

2 réponses