Résolu Besoin d'aide pour réaliser un agrandissement d'une image sur mon site web

[Alea Graphic]

Bonjour, j'ai récemment éditer un site web en html avec l'aide d'un ami et j'aimerais réaliser un agrandissement sur mes créations en cliquant dessus
Mon site web :

Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.

• Langage utilisé : HTML
• Description du problème : Agrandissement d'une image
• Screenshot(s) :
  Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.
  (cliquer sur une image pour l'agrandissement de facon à ce que sa donne à peut prêt ceci
  Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.
  ( extrait de mon weebly ) pour avoir un agrandissement, une annimation comme sa
  Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.

Merci de votre aide !

 

[WhiiTe']

Salut,

Pour l'agrandissement quand tu clique n'est pas bien compliqué, tu met

img:active {
width: (la valeur que tu veux)
}

Après pour le reste j'ai jamais fait sa, je laisse quelqu'un qui sais le faire t'aider

 

[Alea Graphic]

Salut,

Pour l'agrandissement quand tu clique n'est pas bien compliqué, tu met

img:active {
width: (la valeur que tu veux)
}

Après pour le reste j'ai jamais fait sa, je laisse quelqu'un qui sais le faire t'aider

Ok
J'ai trouvé pleins de codes comme sa mais je sais pas ou le mettre
A mon avis c'est dans main.css
mais ou

Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.

 

[Kilian']

Bonjour, j'ai récemment éditer un site web en html avec l'aide d'un ami et j'aimerais réaliser un agrandissement sur mes créations en cliquant dessus
Mon site web :

Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.

• Langage utilisé : HTML
• Description du problème : Agrandissement d'une image
• Screenshot(s) :
  Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.
  (cliquer sur une image pour l'agrandissement de facon à ce que sa donne à peut prêt ceci
  Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.
  ( extrait de mon weebly )

Merci de votre aide !

En gros tu passe la souris dessus et la tu voie les créations en plus grand ?

 

[WhiiTe']

Ok
J'ai trouvé pleins de codes comme sa mais je sais pas ou le mettre
A mon avis c'est dans main.css
mais ou

Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.

La c'est la partie media queries, c'est à dire la partie la partie responsive du CSS, tu copie colle ce que je t'ai mit en haut de ton main.css

En gros tu passe la souris dessus et la tu voie les créations en plus grand ?

Au clique, pas au survol

 

[Kilian']

Ok
J'ai trouvé pleins de codes comme sa mais je sais pas ou le mettre
A mon avis c'est dans main.css
mais ou

Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.

Tu est passer avec un CMS ?

 

[Alea Graphic]

En gros tu passe la souris dessus et la tu voie les créations en plus grand ?

Oui c'est sa ( en cliquant dessus )

 

[Kilian']

La c'est la partie media queries, c'est à dire la partie la partie responsive du CSS, tu copie colle ce que je t'ai mit en haut de ton main.css


Au clique, pas au survol

Je sais bien j'avais mal lue ^^

 

[ARBEL]

Ok
J'ai trouvé pleins de codes comme sa mais je sais pas ou le mettre
A mon avis c'est dans main.css
mais ou

Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.

Tu dois le mettre dans le style.css mais c'est sur qu'avec une template c'est plus compliquer de trouver tout ce qu'il faut

 

[Kilian']

img:active

Ouais mais faut pas que ça sélectionne toute les images du site..

 

[WhiiTe']

Ouais mais faut pas que ça sélectionne toute les images du site..

Mdr, ça fera l'action sur l'image ou il clique ...

EDIT : Bien vu j'avais pas compris

 

[WhiiTe']

Oui c'est sa ( en cliquant dessus )

Screen moi ta page (sublime text) sur l'index.html (la partie ou il y a les images)

 

[ARBEL]

Ouais mais faut pas que ça sélectionne toute les images du site..

Ce code sélectionne pas toutes les images du site, tu crées juste une classe et tu met les images dedans après dans le style.css tu met le code de Whiite avec la class que tu as mit dans le code html.

 

[Alea Graphic]

Sa devient compliqué x)
Je vous ajoute dans une conva skype ? plus simple pour parler ^^
Comme sa je screen en partage sur skype ^^

 

[WhiiTe']

Sa devient compliqué x)
Je vous ajoute dans une conva skype ? plus simple pour parler ^^
Comme sa je screen en partage sur skype ^^

Non, ça va être chaud si tu connais rien, envoie moi ton code html ici et je te ferai ce qu'il faut

 

[Alea Graphic]

Si vous n'avez pas , je peut vous ajouter pv RG
sinon mon skype : isweax-gfx

 

[Kilian']

Ce code sélectionne pas toutes les images du site, tu crées juste une classe et tu met les images dedans après dans le style.css tu met le code de Whiite avec la class que tu as mit dans le code html.

Chui bien d'accord mais il faut lui préciser de r'ajouter au images la class img et de mettre un . avant le img dans le css

 

[Alea Graphic]

main.css :

Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.

( couleur et taille je crois )
logo :

Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.

Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.

Si vous voulez des screen d'endroits précis

 

[Switch.]

jquery

 

[Alea Graphic]

Ce code sélectionne pas toutes les images du site, tu crées juste une classe et tu met les images dedans après dans le style.css tu met le code de Whiite avec la class que tu as mit dans le code html.

Je lansse un privé RG ? ^^