Code html
Fermé
melodobrazil
-
Modifié par melodobrazil le 12/05/2011 à 09:41
rbou Messages postés 94 Date d'inscription mercredi 11 mai 2011 Statut Membre Dernière intervention 26 juillet 2011 - 13 mai 2011 à 13:54
rbou Messages postés 94 Date d'inscription mercredi 11 mai 2011 Statut Membre Dernière intervention 26 juillet 2011 - 13 mai 2011 à 13:54
A voir également:
- Code html
- Code asci - Guide
- Editeur html - Télécharger - HTML
- Code puk bloqué - Guide
- Code telephone oublié - Guide
- Code blocks free - Télécharger - Langages
11 réponses
Steefif
Messages postés
485
Date d'inscription
lundi 7 juillet 2008
Statut
Membre
Dernière intervention
15 février 2013
19
12 mai 2011 à 08:46
12 mai 2011 à 08:46
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/..." />
Melooo
Messages postés
1405
Date d'inscription
vendredi 28 novembre 2008
Statut
Membre
Dernière intervention
18 mars 2013
84
12 mai 2011 à 09:16
12 mai 2011 à 09:16
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/
rbou
Messages postés
94
Date d'inscription
mercredi 11 mai 2011
Statut
Membre
Dernière intervention
26 juillet 2011
15
12 mai 2011 à 09:33
12 mai 2011 à 09:33
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...
Melooo
Messages postés
1405
Date d'inscription
vendredi 28 novembre 2008
Statut
Membre
Dernière intervention
18 mars 2013
84
12 mai 2011 à 09:56
12 mai 2011 à 09:56
Euh tu as pas besoin d'accéder au fichier jquery pour en faire, puis on vient de te donner des liens pour que tu puisses agrandir tes images, alors dis-nous si ca te convient ;)
Euh sinon normal que tu n'es pas de bouton sur ton formulaire de contact ? :)
Euh sinon normal que tu n'es pas de bouton sur ton formulaire de contact ? :)
rbou
Messages postés
94
Date d'inscription
mercredi 11 mai 2011
Statut
Membre
Dernière intervention
26 juillet 2011
15
12 mai 2011 à 10:27
12 mai 2011 à 10:27
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?
rbou
Messages postés
94
Date d'inscription
mercredi 11 mai 2011
Statut
Membre
Dernière intervention
26 juillet 2011
15
12 mai 2011 à 10:19
12 mai 2011 à 10:19
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?
rbou
Messages postés
94
Date d'inscription
mercredi 11 mai 2011
Statut
Membre
Dernière intervention
26 juillet 2011
15
12 mai 2011 à 13:57
12 mai 2011 à 13:57
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?
rbou
Messages postés
94
Date d'inscription
mercredi 11 mai 2011
Statut
Membre
Dernière intervention
26 juillet 2011
15
12 mai 2011 à 15:47
12 mai 2011 à 15:47
euh msn, skype, gtalk ?
ayé! j'ai trouvé!
Merci pour votre aide :)
Merci pour votre aide :)
rbou
Messages postés
94
Date d'inscription
mercredi 11 mai 2011
Statut
Membre
Dernière intervention
26 juillet 2011
15
13 mai 2011 à 13:54
13 mai 2011 à 13:54
pas de pb tu peux passer le post en résolu maintenant ;-)
