Code html
melodobrazil
-
rbou Messages postés 94 Date d'inscription Statut Membre Dernière intervention -
rbou Messages postés 94 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Je créer mon portfolio en ligne.
Sur ma page, des miniatures représentent mes créations. j'ai un dossier 'enlarge' qui contient les dites créations plus grande Mon but est de faire en sorte que lorsque le visiteur clic sur une des miniatures, l'image apparait en grand. Quel est le code html pour ça?
Merci.
AAAAH! je ne peux pas répondre, a cause des restrictions, bref!
Je souhaiterais plutot qu'elle s'ouvre sur la page qui s'assombrie en meme temps... je sais pas si c'est tres clair.
Mais je vais essayer.
Jquery ça donne quoi?
Je créer mon portfolio en ligne.
Sur ma page, des miniatures représentent mes créations. j'ai un dossier 'enlarge' qui contient les dites créations plus grande Mon but est de faire en sorte que lorsque le visiteur clic sur une des miniatures, l'image apparait en grand. Quel est le code html pour ça?
Merci.
AAAAH! je ne peux pas répondre, a cause des restrictions, bref!
Je souhaiterais plutot qu'elle s'ouvre sur la page qui s'assombrie en meme temps... je sais pas si c'est tres clair.
Mais je vais essayer.
Jquery ça donne quoi?
A voir également:
- Code html
- Code ascii - Guide
- Code puk bloqué - Guide
- Code activation windows 10 - Guide
- Comment déverrouiller un téléphone quand on a oublié le code - Guide
- Editeur html - Télécharger - HTML
11 réponses
tu veux qu'elle s'ouvre dans une nouvelle fenetre ou qu'elle s'agrandisse?
Pour la premiere option, je te conseille d'aller faire un tour du coté de jquery.
Pour la seconde je mettrai dans ma balise img un truc du genre :
Pour la premiere option, je te conseille d'aller faire un tour du coté de jquery.
Pour la seconde je mettrai dans ma balise img un truc du genre :
<img src="./images/...." onClick="this.src="./enlarge/..." />
Salut,
Ou sinon il existe Lightbox qui est très pratique pour faire une galerie photo ;)
http://www.huddletogether.com/projects/lightbox2/
Ou sinon il existe Lightbox qui est très pratique pour faire une galerie photo ;)
http://www.huddletogether.com/projects/lightbox2/
Envoi l'adresse de ton site, tu es sur un cms ? on pourra te donner plus d'info ;-)
sinon tu as, comme melooo le dit :
- lightbox basé sur prototype.js
- prettyphoto si tu es plus jquery
http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/
sinon tu as, comme melooo le dit :
- lightbox basé sur prototype.js
- prettyphoto si tu es plus jquery
http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/
www.melodiebouillot.fr
désolé, c'est pas moi qui ai fait la trame du site, je le finalise seulement^^ cms c'est quoi? :)
je sais que j'ai du hmtl et de javascript! du coup mes modifs je les faits sur ma page index.html mais aussi sur le style.css... j'ai des pages type jquery.js, mais la personne qui a fait mon site a fait en sorte que je n'ai pas a y aller...
désolé, c'est pas moi qui ai fait la trame du site, je le finalise seulement^^ cms c'est quoi? :)
je sais que j'ai du hmtl et de javascript! du coup mes modifs je les faits sur ma page index.html mais aussi sur le style.css... j'ai des pages type jquery.js, mais la personne qui a fait mon site a fait en sorte que je n'ai pas a y aller...
CMS -> content management system
https://fr.wikipedia.org/wiki/Syst%C3%A8me_de_gestion_de_contenu
Ca permet de mettre à jour ton site super facilement sans rentrer dans le code.
Mais dans ton cas c'est trop tard, il faudrait re-dev ton site depuis 0...
C'est dommage car par exemple Wordpress aurait était parfait dans ton cas
https://fr.wikipedia.org/wiki/Syst%C3%A8me_de_gestion_de_contenu
Ca permet de mettre à jour ton site super facilement sans rentrer dans le code.
Mais dans ton cas c'est trop tard, il faudrait re-dev ton site depuis 0...
C'est dommage car par exemple Wordpress aurait était parfait dans ton cas
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
oui :)
comme je le disais je le finalise, le form n'est pas encor actif... il se peut que je vous sollicite à nouveau pour ça aussi^^
je regarde pour les liens!
Merci!
comme je le disais je le finalise, le form n'est pas encor actif... il se peut que je vous sollicite à nouveau pour ça aussi^^
je regarde pour les liens!
Merci!
par contre dans quoi je dois insérer les lignes donner sur lightbox?
(<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
)
Dans mon css ou dans ma page index.html?
(<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
)
Dans mon css ou dans ma page index.html?
Le mieux est que tu demandes à la personne qui ta dév ton site.
Sinon fait un backup (une sauvegarde, au cas où ...) et tu fais ca :
vu que tu as du jquery autant rester dans le jquery :
la doc est ici http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/documentation/
si tu ne comprends pas suis les instructions suivantes :
tu download -> http://www.no-margin-for-errors.com/...
ensuite tu envoies le fichier js/jquery.prettyPhoto.js dans ton répertoire js/
ensuite tu envoies le fichier css/prettyPhoto.css dans ton répertoire css/
ensuite tu envoies le repertoire images/ sur ton site à la racine (même arbo que tes autres dossier js/ css/
ensuite tu ajoute ca entre les balises <head>....</head> de ton fichier index.html
après tu vas sur http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/#!prettyPhoto/0/
et tu regarde les demos, il y a le code html à inclure pour chaque démo.
Sinon fait un backup (une sauvegarde, au cas où ...) et tu fais ca :
vu que tu as du jquery autant rester dans le jquery :
la doc est ici http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/documentation/
si tu ne comprends pas suis les instructions suivantes :
tu download -> http://www.no-margin-for-errors.com/...
ensuite tu envoies le fichier js/jquery.prettyPhoto.js dans ton répertoire js/
ensuite tu envoies le fichier css/prettyPhoto.css dans ton répertoire css/
ensuite tu envoies le repertoire images/ sur ton site à la racine (même arbo que tes autres dossier js/ css/
ensuite tu ajoute ca entre les balises <head>....</head> de ton fichier index.html
<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="screen" title="prettyPhoto main stylesheet" charset="utf-8" /> <script src="js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>
après tu vas sur http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/#!prettyPhoto/0/
et tu regarde les demos, il y a le code html à inclure pour chaque démo.
le problème c'est que tout mes images en miniature sont déja insérées dans le codes comme ça
<div class="work">
<div class="detail">
<div class="text">"LondonBridge" Photo prise sur l'un des ponts de la Tamise // 2010</div>
</div>
<img src="img/works/thumbmail/tamise.jpg" class="photo"/>
</div>
Je cherche seulement une fonction qui permettent de les agrandir sur la pages.
Dans le tutos que tu me donnes, il y a toute la manip, non?
<div class="work">
<div class="detail">
<div class="text">"LondonBridge" Photo prise sur l'un des ponts de la Tamise // 2010</div>
</div>
<img src="img/works/thumbmail/tamise.jpg" class="photo"/>
</div>
Je cherche seulement une fonction qui permettent de les agrandir sur la pages.
Dans le tutos que tu me donnes, il y a toute la manip, non?
normalement oui un fois que tu as tout mis dans ton index au niveau de tes images tu as ca (à l aplace de la balise <img .... /> :
Par contre je te conseille de faire un backup dans le cas ou tu te retrouves planté.
Mais je te conseille fortement de laisser ton développeur le faire... ca faisable pour lui en 30 min voir 1h max.
Toi tu risques d'y passé une demie journée vu que tu ne sais pas vraiment ce que tu fais (d'après ce que je comprends)
Si tu n'y arrives pas j'ai un peu de temps dans la journée on peux essayer de se capter via chat et je t'explique plus précisement.
<a href="images/bigimage.jpg" rel="prettyPhoto" title="description image si necessaire ou vide"><img src="images/petiteimage.jpg" width="60" height="60" alt="alt image" /></a>
Par contre je te conseille de faire un backup dans le cas ou tu te retrouves planté.
Mais je te conseille fortement de laisser ton développeur le faire... ca faisable pour lui en 30 min voir 1h max.
Toi tu risques d'y passé une demie journée vu que tu ne sais pas vraiment ce que tu fais (d'après ce que je comprends)
Si tu n'y arrives pas j'ai un peu de temps dans la journée on peux essayer de se capter via chat et je t'explique plus précisement.
Tu as bien compris^^ mais mon "développeur" est non disponible en ce moment, en + je trouve ça franchement intéressant de savoir comment faire... peut être qu'un jour j'arriverai à tout faire toute seule^^
il y a un chat sur comment ça marche?
il y a un chat sur comment ça marche?
