La Communauté Webmaster  forum rss


  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] Descendre
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
  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!

Voir le Profil
Répondre avec citation

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
gingeryaoi
Voir le Profil    WWW
Répondre avec citation

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  

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!

Voir le Profil
Répondre avec citation

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!

Voir le Profil
Répondre avec citation

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
gingeryaoi
Voir le Profil    WWW
Répondre avec citation

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  

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!

Voir le Profil
Répondre avec citation

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!

Rapporter au modérateur  
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
Pages: [1] Monter
« Précédent Suivant »
Sauter à: 

Votre statut : Invité
Vous devez être membre pour participer.
 
 
Let’s Encrypt : le certificat SSL gratuit
Tester votre site internet sur différents navigateurs
[WordPress] Des problèmes avec l’administration ?
Rappel : Mettez à jour vos CMS et vos sites E-commerce
Le .fr fête ses 25 années d’existence !
Mesurer votre audience en temps réel avec BubbleStat
Porter réclamation contre Google Panda ?
Zlio n’est plus …
 
 
 
 
 

Copyright (c) Devclic 2002 - 2026 - Tous droits réservés

creation site internet strasbourg