Titre: HELP! -> lien vers image sur nouvelle fenetre reduite et image de fond statique?
Posté par: AgBaSsiZ le le 20-12-2003 a 20:09:39
Bonjour a tous,
Tout dabord je tien a preciser que je debute dans le domaine de la creation web , alors je vous demanderai de faire simple si vous deviez repondre a ma demande d'aide..merci.
Alors voila j'aimerai creer un lien hypertexte vers une image qui s'afficherai dans une nouvelle fenetre de la meme taille que l'image.J'espere que j'ai ete assez clair , voici un exemple (il faut rentrer dans le site et cliquer sur la grande photo du mileu) : http://www.junkies.be
J'aimerai aussi avoir une image de fond statique , cad qu'elle ne bouge pas lorsqu'on monte ou descend l'ascenseur.
Un exemple est aussi sur le site que j'ai donné ci dessus.
J'ai dreamweaver et frontpage, si un autre programme est necessaire, vous serez gentil de me dire lequel. :)
Merci d'avance.
|
Titre: Re:HELP! -> lien vers image sur nouvelle fenetre reduite et image de fond statiq
Posté par: Dark.Ginger le le 20-12-2003 a 21:11:18
Bon alors 1/ Une image de fond statique. Très simple a faire.
Tu definit ton image on vas dire par exemple grace a une feuille de style.
Tu as donc
Code:
| background-image: url(ton image); |
|
Il te sufit de rajouter juste en dessous de l'endroit ou tu as declaré ton images la ligne
Code:
| background-attachment: fixed; |
|
ainsi ton image sera statique.
2/ L'image pop up
Il existe plusieurs methode.
- La methode Basique
Pour cette methode tu crée une miniature de ton image.
Ainsi qu'un lien pointant vers l'image non reduite ayant pour destination par exemple target=_blank
Cette methode est très simple a réaliser.
Mais cela depend par exemple du type de code employe pour ton site. Si tu le fait en xhtml1.1 l'attribut target pour le lien n'existe plus. Si tu le fait autremant alros tu n'auras pas de problème ;)
- Le methode javascript
Le fait de cliquer sur un lien ouvre un nouvelle fenetre de taille et propriètes definis par le webmaster.
Le plus simple est encore de voir a ce lien Editeur javascript (http://www.editeurjavascript.com/scripts/scripts_nav_02.php)
Les deux methodes ont leurs qualités et leurs défauts. Certain internautes ont desactivé le javascript par exemple donc bien que plus "modulable" par le webmaster (scroll, taille de la fentre...) la methode javascript presente le risque de ne pas pouvoir etre vu par ceux l'ayant desactivé... Après c'est a toi de voir...
|
Titre: Re:HELP! -> lien vers image sur nouvelle fenetre reduite et image de fond statiq
Posté par: AgBaSsiZ le le 20-12-2003 a 23:05:21
c'est gentil de m'aider mais je dois vraiment etre bete parce que je n'ai meme pas reussi a faire fonctionner 1 seule de tes techniques.
alors:
pour l'image statique :
moi je n'ai pas :
Code:
| background-image: url(ton image); |
|
mais plutot ca :
Code:
| <body bgcolor="#990000" background="back2.gif" text="#333366" link="#336699" vlink="#333399" alink="#3300CC" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="MM_preloadImages('file:///C|/Program%20Files/Macromedia/Dreamweaver%20MX/Samples/GettingStarted/FinalSite/Assets/images/btnLocations_on.jpg')"> |
|
j'ai qq meme essayer de rajouter la ligne que tu ma conseillé juste en desous comme ca :
Code:
<body bgcolor="#990000" background="back2.gif" text="#333366" link="#336699" vlink="#333399" alink="#3300CC" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="MM_preloadImages('file:///C|/Program%20Files/Macromedia/Dreamweaver%20MX/Samples/GettingStarted/FinalSite/Assets/images/btnLocations_on.jpg')">
<background-attachment: fixed;> |
|
j'ai aussi essyer sans les "<>" ca ne marche pas....
pour l'image pop up:
avec la methode _blank , il me fait un lien dans une nouvelle fenetre mais pas de la taille de limage :-\
et avec la methode javascript il me dit erreur sur la page ...
alors voila le code que j'ai inserer:
Code:
| <A HREF="#" onClick="window.open('Images/Grande photos/1.JPG','photos 1','toolbar=0, location=0, directories=0, status=0, scrollbars=0, resizable=0, copyhistory=0, menuBar=0, width=640, height=480');return(false)"><img src="Images/Petite%20photo/9.jpg" width="150" height="113" border="0"></A> |
|
a placer la ou je veut mettre mon image.L'image apparait mais le lien ne fonctionne pas il me dit erreur dans la page...
J'ai surement fais une erreur qq part , merci de me corriger... |
Titre: Re:HELP! -> lien vers image sur nouvelle fenetre reduite et image de fond statiq
Posté par: AgBaSsiZ le le 21-12-2003 a 08:24:00
Ca y'est! J'ai trouvé un autre code pour l'image pop up sur le site de javascript et ca fonctionne impecc,c'est parfait...
Si vous pouviez maider pour limage statique ca serait super sympa. :)
Merci. |
Titre: Re:HELP! -> lien vers image sur nouvelle fenetre reduite et image de fond statiq
Posté par: Dark.Ginger le le 21-12-2003 a 08:49:32
Bon alors je vais essayer de te proposer une methode.
Code:
| <body bgcolor="#990000" background="back2.gif" text="#333366" link="#336699" vlink="#333399" alink="#3300CC" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" |
|
voilà ton code body.
essaie de rajouter:
Code:
<body bgcolor="#990000" background="back2.gif" text="#333366" link="#336699" vlink="#333399" alink="#3300CC" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" bgproperties="fixed">
Voilà ^^Cela devrait marcher.
sinon y'a quelque chose qui me chiffonne... je pense que si tu ne change pas cela tu risque d'avoir des problee avec ton site c'est le:
Code:
| file:///C|/Program%20Files/Macromedia/Dreamweaver%20MX/Samples/GettingStarted/FinalSite/Assets/images/btnLocations_on.jpg |
|
Si tu l'envoit sur le net comme ceci :o Les surfers auront une belle erreur...
enfin j'espere que ce n'est que pour le tester en local ;D |
Titre: Re:HELP! -> lien vers image sur nouvelle fenetre reduite et image de fond statiq
Posté par: AgBaSsiZ le le 21-12-2003 a 11:15:09
youpieeeeeeeeeee!!!!!!!!
C'est genial tout fonctionne !! 1000 merci Dark Ginger t'es super.
Ha oui pour le :
file:///C|/Program%20Files/Macromedia/Dreamweaver%20MX/Samples/GettingStarted/FinalSite/Assets/images/btnLocations_on.jpg
J'ai ete voir cette image , elle n apparait meme pas dans mon site je ne sais pas d'ou elle vient lol , en fait je croi que c'est un truc que dreamwevear utilise , je ne sais pourquoi faire , regarde bien devant le code il est marqué : onLoad="MM_preloadImages
ca doit signifier qq chose , enfin bon bref tt facon ca n'a aucune influence sur mon site c'est le principale :D
Une derniere petite question :
Peut on faire la meme chose (image statique) avec l'image de fond des calques?
Merci encore pour ton aide! |
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|