Aggrandir une image de Portfolio en cliquant / JS

Aggrandir une image de Portfolio en cliquant / JS - Javascript/Node.js - Programmation

Marsh Posté le 26-09-2019 à 16:36:03    

Bonjour à tous,
 
J'aimerais créer un petit portfolio pour le fun. J'ai donc fait mon HTML et mon CSS et aimerais ajouter du JavaScript de manière ce que quand je clique sur une image, elle s'ouvre dans sa taille normale dans la même fenêtre (en cachant les autres images donc). Ensuite, en cliquant dessus ou à côté, j'aimerais retourner sur le portfolio.
 
Je suis un peu perdu après avoir cherché sur google un bon moment.
 
 
 

Reply

Marsh Posté le 26-09-2019 à 16:36:03   

Reply

Marsh Posté le 26-09-2019 à 17:26:27    

L'idée c'est d'apprendre à coder ou de trouver un truc tout fait ?
Et tu veux faire du javascript "vanilla" (nature/sans ajouts) ou avec des frameworks (jquery et autre) ?
 
Pour apprendre à coder et avec du javascript vanilla :  
il faut déjà apprendre à cibler les éléments (document.getElementById, document.getElementsByClassName , etc il y en a 5)  
il faut ensuite que tu regardes du coté de la gestion des événements, dans ton cas : onclick (mais il y en a plein d'autres, c'est intéressant à regarder)  
il faudra sans doute jouer avec le css des elements : sur la visibilité, la position .
 
(Si tu parles anglais,) j'aime bien le site w3schools qui permet de voir des exemples et de faire des tests très simplement.  
 
Ensuite y a des trucs sympas en pure html/css, je t'invite aussi à regarder du cotés des carrousels html / css  

Reply

Marsh Posté le 27-09-2019 à 07:55:54    

J'ai trouvé un tuto finalement. L'idée était d'éviter une lightbox toute faite et d'apprendre à code en effet ! Merci de ton retour en tout cas !

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed