CARTE DE FRANCE ANIMEE
Fermé
bakkus
Messages postés
80
Date d'inscription
mardi 9 juin 2009
Statut
Membre
Dernière intervention
28 juin 2011
-
2 juil. 2009 à 16:04
bakkus Messages postés 80 Date d'inscription mardi 9 juin 2009 Statut Membre Dernière intervention 28 juin 2011 - 17 juil. 2009 à 11:51
bakkus Messages postés 80 Date d'inscription mardi 9 juin 2009 Statut Membre Dernière intervention 28 juin 2011 - 17 juil. 2009 à 11:51
A voir également:
- CARTE DE FRANCE ANIMEE
- Carte de voeux virtuelle animée et musicale gratuite - Guide
- Carte d'identité - Guide
- Pile carte mere - Guide
- Débloquer carte sim sans code puk - Guide
- Indicatif telephone france - Guide
6 réponses
bakkus
Messages postés
80
Date d'inscription
mardi 9 juin 2009
Statut
Membre
Dernière intervention
28 juin 2011
1
12 juil. 2009 à 16:39
12 juil. 2009 à 16:39
bonjour ,
j'ai essayer de faire quelque chose avec ton code mais je n'ai rien qui s'affiche sur ma page .
Mon code est le suivant:
===================================================
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>
<body>
<style type="text/css">
html {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 100%;
margin : 0;
padding : 2em 0;
}
body {
width : 772px;
margin : 0 auto;
padding : 0;
font-size : 0.8em;
}
img {
border-style : none;
}
object {
background-color : #fff;
color : #666;
border : 1px dashed #666;
overflow : auto;
}
</style>
<script type="text/javascript">
if (document.images)
{
preload = false;
url = new Array();
url[0] ="../images/images_page_produit/produits/images_gf/101K.jpg"
url[1] = "../images/images_page_produit/produits/images_gf/102K.jpg";
url[2] = "../images/images_page_produit/produits/images_gf/103K.jpg";
url[3] = "../images/images_page_produit/produits/images_gf/104K.jpg";
var i = 0;
for(i=0; i<4; i++)
{
tmp = new Image(640, 480)
tmp.src = url[i];
}
preload = true;
}
function changeImage(img_index) {
if (document.images && (preload == true)) {
document.getElementById("plan").src = url[img_index];
}
}
</script>
</body>
</html>
===================================================
je ne sais pas où se trouve le pb ?
Merci .
j'ai essayer de faire quelque chose avec ton code mais je n'ai rien qui s'affiche sur ma page .
Mon code est le suivant:
===================================================
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>
<body>
<style type="text/css">
html {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 100%;
margin : 0;
padding : 2em 0;
}
body {
width : 772px;
margin : 0 auto;
padding : 0;
font-size : 0.8em;
}
img {
border-style : none;
}
object {
background-color : #fff;
color : #666;
border : 1px dashed #666;
overflow : auto;
}
</style>
<script type="text/javascript">
if (document.images)
{
preload = false;
url = new Array();
url[0] ="../images/images_page_produit/produits/images_gf/101K.jpg"
url[1] = "../images/images_page_produit/produits/images_gf/102K.jpg";
url[2] = "../images/images_page_produit/produits/images_gf/103K.jpg";
url[3] = "../images/images_page_produit/produits/images_gf/104K.jpg";
var i = 0;
for(i=0; i<4; i++)
{
tmp = new Image(640, 480)
tmp.src = url[i];
}
preload = true;
}
function changeImage(img_index) {
if (document.images && (preload == true)) {
document.getElementById("plan").src = url[img_index];
}
}
</script>
</body>
</html>
===================================================
je ne sais pas où se trouve le pb ?
Merci .
Dalida
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
920
14 juil. 2009 à 13:43
14 juil. 2009 à 13:43
salut,
je ne sais pas où se trouve le pb ?
pour l'instant y a pas de problème !
-;o)
le principe c'est une image HTML (<img/>) avec une carte des zones actives (<map><area/>[...]</map>).
en plus, on ajoute le comportement (l'affichage d'autres images) avec du Javascript.
pour l'instant tu as le comportement mais pas l'image de base !
il faut en premier faire afficher ton image par défaut avec quelque chose du genre (si c'est bien le fichier "100K.jpg" et il faudra ajouter les dimensions et le texte alternatif) :
en deuxième il faut ajouter les zones réactives, commence par une seule, on va prendre un rectangle de 60×20 en haut à gauche (enfin je crois parce que je tape ça en "live"…) :
est-ce que tu commences à voir la technique ?
je ne sais pas où se trouve le pb ?
pour l'instant y a pas de problème !
-;o)
le principe c'est une image HTML (<img/>) avec une carte des zones actives (<map><area/>[...]</map>).
en plus, on ajoute le comportement (l'affichage d'autres images) avec du Javascript.
pour l'instant tu as le comportement mais pas l'image de base !
il faut en premier faire afficher ton image par défaut avec quelque chose du genre (si c'est bien le fichier "100K.jpg" et il faudra ajouter les dimensions et le texte alternatif) :
<body> <p><img id="plan" usemap="#map" src="../images/images_page_produit/produits/images_gf/101K.jpg" width="" height="" alt=""/></p> </body>
en deuxième il faut ajouter les zones réactives, commence par une seule, on va prendre un rectangle de 60×20 en haut à gauche (enfin je crois parce que je tape ça en "live"…) :
<body> <p> <map name="map" id="map"> <area shape="rect" coords="0, 0, 60, 20" alt="" href="" onmouseover="changeImage(1); return false;" onmouseout="changeImage(0); return false;" /> </map> </p> <p><img id="plan" usemap="#map" src="../images/images_page_produit/produits/images_gf/101K.jpg" width="" height="" alt=""/></p> </body>
est-ce que tu commences à voir la technique ?
Dalida
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
920
2 juil. 2009 à 16:15
2 juil. 2009 à 16:15
salut,
tu peux le faire avec une <img/>, une <map> et du Javascript.
un exemple, y aura que le texte avec la photo de la personne à ajouter en plus.
tu peux le faire avec une <img/>, une <map> et du Javascript.
un exemple, y aura que le texte avec la photo de la personne à ajouter en plus.
bakkus
Messages postés
80
Date d'inscription
mardi 9 juin 2009
Statut
Membre
Dernière intervention
28 juin 2011
1
2 juil. 2009 à 17:39
2 juil. 2009 à 17:39
Merci de m'avoir répondu rapidement.
j'ai vu le liens ,il y a effectivement ce qui correspond à ce que je veux faire ,notamment le deuxième exemple.
Mais pour un débutant comme moi je crois que ça va être vraiment délicat de mettre en place ça .
tu n'as pas quelque chose de plus précis qui m'enlèverait le soucis de la programmation ?.
Merci
j'ai vu le liens ,il y a effectivement ce qui correspond à ce que je veux faire ,notamment le deuxième exemple.
Mais pour un débutant comme moi je crois que ça va être vraiment délicat de mettre en place ça .
tu n'as pas quelque chose de plus précis qui m'enlèverait le soucis de la programmation ?.
Merci
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Dalida
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
920
2 juil. 2009 à 17:44
2 juil. 2009 à 17:44
tu n'as pas quelque chose de plus précis qui m'enlèverait le soucis de la programmation ?
ben les codes sources sont accessibles, si tu as des questions plus précises je peux t'aiguiller.
ben les codes sources sont accessibles, si tu as des questions plus précises je peux t'aiguiller.
bakkus
Messages postés
80
Date d'inscription
mardi 9 juin 2009
Statut
Membre
Dernière intervention
28 juin 2011
1
17 juil. 2009 à 11:51
17 juil. 2009 à 11:51
Merci infiniment pour ton aide ,je vais essayer d'appliquer ce que tu m'a dit.
Je te tiens au courant
Encore merci.
Je te tiens au courant
Encore merci.
