HELP! -> lien vers image sur nouvelle fenetre reduite et image de fond statique?

La Communauté Webmaster

  Forum-webmaster
  Général
  Discussions générales (Modérateurs: Jey, Dark.Ginger, Lilian, lauryv, ToToMaStEr, Wolf18)
  HELP! -> lien vers image sur nouvelle fenetre reduite et image de fond statique?

« Précédent Suivant »

Pages: [1]

Auteur

Sujet: HELP! -> lien vers image sur nouvelle fenetre reduite et image de fond statique? (Lu 888 fois)

HELP! -> lien vers image sur nouvelle fenetre reduite et image de fond statique?
« sur: le 20-12-2003 a 20:09:39 »

AgBaSsiZ
Membre récent

Hors-Ligne

Messages: 21

Je suis un lama!

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.

« Dernière Édition: le 20-12-2003 a 20:14:29 par AgBaSsiZ »

Rapporter au modérateur

Re:HELP! -> lien vers image sur nouvelle fenetre reduite et image de fond statiq
« Répondre #1 sur: le 20-12-2003 a 21:11:18 »

Dark.Ginger
Psycho Rabbit Deluxe
Modérateur
Equipe de modération
P'tit nouveau

Hors-Ligne

Sexe: Femelle

Messages: 194

Lapin psychotique

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

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...

Rapporter au modérateur

~°~ Crazy Rabbit ~°~
http://dark-ginger.livejournal.com

Re:HELP! -> lien vers image sur nouvelle fenetre reduite et image de fond statiq
« Répondre #2 sur: le 20-12-2003 a 23:05:21 »

AgBaSsiZ
Membre récent

Hors-Ligne

Messages: 21

Je suis un lama!

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...

« Dernière Édition: le 20-12-2003 a 23:11:31 par AgBaSsiZ »

Rapporter au modérateur

Re:HELP! -> lien vers image sur nouvelle fenetre reduite et image de fond statiq
« Répondre #3 sur: le 21-12-2003 a 08:24:00 »

AgBaSsiZ
Membre récent

Hors-Ligne

Messages: 21

Je suis un lama!

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.

Rapporter au modérateur

Re:HELP! -> lien vers image sur nouvelle fenetre reduite et image de fond statiq
« Répondre #4 sur: le 21-12-2003 a 08:49:32 »

Dark.Ginger
Psycho Rabbit Deluxe
Modérateur
Equipe de modération
P'tit nouveau

Hors-Ligne

Sexe: Femelle

Messages: 194

Lapin psychotique

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:
bgproperties="fixed"

<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 Les surfers auront une belle erreur...
enfin j'espere que ce n'est que pour le tester en local

Rapporter au modérateur

~°~ Crazy Rabbit ~°~
http://dark-ginger.livejournal.com

Re:HELP! -> lien vers image sur nouvelle fenetre reduite et image de fond statiq
« Répondre #5 sur: le 21-12-2003 a 11:15:09 »

AgBaSsiZ
Membre récent

Hors-Ligne

Messages: 21

Je suis un lama!

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
Une derniere petite question :
Peut on faire la meme chose (image statique) avec l'image de fond des calques?
Merci encore pour ton aide!