Affichage d'une photo redimensionnée depuis une miniature
Résolu
mipolette
Messages postés
101
Statut
Membre
-
mipolette Messages postés 101 Statut Membre -
mipolette Messages postés 101 Statut Membre -
Bonjour à tous,
Je cherche le moyen d'afficher une seconde photo redimensionnée aprés un clic sur une miniature.
En fait, sur mon back office, je me crée l'enregistrement de différents produits dans une base de données avec en parallèle, la création de 2 photos propre à chaque produit dans un dossier. Une considérée comme une miniature (200*200), et une autre plus grande (1000*600).
Sur ma page, j'affiche toutes mes miniatures, et je cherche le moyen d'afficher ma grande photo dans une popup lorsque je clique sur ma miniature.
J'ai cherché des pluggins sur internet, mais sans succès pour mon cas personnel.
Existe t-il un moyen avec jquery d'aller chercher ma grande photo avec le clic?
Merci d'avance a tous
Je cherche le moyen d'afficher une seconde photo redimensionnée aprés un clic sur une miniature.
En fait, sur mon back office, je me crée l'enregistrement de différents produits dans une base de données avec en parallèle, la création de 2 photos propre à chaque produit dans un dossier. Une considérée comme une miniature (200*200), et une autre plus grande (1000*600).
Sur ma page, j'affiche toutes mes miniatures, et je cherche le moyen d'afficher ma grande photo dans une popup lorsque je clique sur ma miniature.
J'ai cherché des pluggins sur internet, mais sans succès pour mon cas personnel.
Existe t-il un moyen avec jquery d'aller chercher ma grande photo avec le clic?
Merci d'avance a tous
A voir également:
- Affichage d'une photo redimensionnée depuis une miniature
- Google photo - Télécharger - Albums photo
- Légender une photo - Guide
- Comment faire une recherche à partir d'une photo - Guide
- Photo filtre 7 gratuit - Télécharger - Retouche d'image
- Google maps photo maison - Guide
2 réponses
Hum, shadowbox gère ça très bien : https://www.shadowbox-js.com/
Pour tes images, tu les affichera donc comme cela :
<a href="CHEMIN_GRANDE_IMAGE.jpg" rel="shadowbox"><img src='CHEMIN_PETITE_IMAGE' alt=''/></a>
Il donne en plus un très bon rendu.
Pour tes images, tu les affichera donc comme cela :
<a href="CHEMIN_GRANDE_IMAGE.jpg" rel="shadowbox"><img src='CHEMIN_PETITE_IMAGE' alt=''/></a>
Il donne en plus un très bon rendu.