pro/2026_WEBSITE_blochouse
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

artists 1 laurence bost done

Browse Source
This commit is contained in:
hugo LAMY
2026-02-15 12:53:37 +01:00
parent cb8ca643b3
commit 73ef4e3027
3 changed files with 82 additions and 79 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
README.md
View File

@@ -14,7 +14,7 @@ gitea: none
Contacts d’artistes à changer dans la mosaique Contacts d’artistes à changer dans la mosaique
- [ ] 1. Pour LAURENCE BOST remplacer toutes les 2 adresses par : - [x] 1. Pour LAURENCE BOST remplacer toutes les 2 adresses par :
https://labb-art.com https://labb-art.com
- [ ] 2. Nouvelle artiste entrée à Bloc-House à rajouter dans la mosaïque –> premiere sur la 5eme ligne (ligne avec lin lei) : - [ ] 2. Nouvelle artiste entrée à Bloc-House à rajouter dans la mosaïque –> premiere sur la 5eme ligne (ligne avec lin lei) :

38
www/artistes.html
View File

@@ -1,4 +1,4 @@
<!DOCTYPE html> <!doctype html>
<html> <html>
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
@@ -42,7 +42,7 @@
preload( preload(
"images/logo_bloc_house.png", "images/logo_bloc_house.png",
"images/fond1.png", "images/fond1.png",
"images/mail.png" "images/mail.png",
); );
//--> //-->
</script> </script>
@@ -65,7 +65,7 @@
</script> </script>
</head> </head>
<body onload="javascript:init();"> <body onload="javascript: init();">
<div id="global"> <div id="global">
<div id="left"> <div id="left">
<div id="logo"> <div id="logo">
@@ -145,7 +145,7 @@
<div class="portrait"> <div class="portrait">
<a <a
href="#" href="#"
onclick="javascript:afficher(0);" onclick="javascript: afficher(0);"
title="Margot Montenoise" title="Margot Montenoise"
><img ><img
src="images/artistes/margotMontenoise.jpg" src="images/artistes/margotMontenoise.jpg"
@@ -156,7 +156,7 @@
<div class="portrait"> <div class="portrait">
<a <a
href="#" href="#"
onclick="javascript:afficher(1);" onclick="javascript: afficher(1);"
title="Christophe Bogdan" title="Christophe Bogdan"
><img ><img
src="images/artistes/christopheBogdan.jpg" src="images/artistes/christopheBogdan.jpg"
@@ -166,7 +166,7 @@
<div class="portrait"> <div class="portrait">
<a <a
href="#" href="#"
onclick="javascript:afficher(2);" onclick="javascript: afficher(2);"
title="Masha Krivokapic" title="Masha Krivokapic"
><img ><img
src="images/artistes/mashaKrivokapic.jpg" src="images/artistes/mashaKrivokapic.jpg"
@@ -177,7 +177,7 @@
<div class="portrait"> <div class="portrait">
<a <a
href="#" href="#"
onclick="javascript:afficher(3);" onclick="javascript: afficher(3);"
title="Vincent Pandellé" title="Vincent Pandellé"
><img ><img
src="images/artistes/vincentPandelle.jpg" src="images/artistes/vincentPandelle.jpg"
@@ -194,7 +194,7 @@
<div class="portrait"> <div class="portrait">
<a <a
href="#" href="#"
onclick="javascript:afficher(4);" onclick="javascript: afficher(4);"
title="Jean José Baranes" title="Jean José Baranes"
><img ><img
src="images/artistes/jeanJoseBaranes.jpg" src="images/artistes/jeanJoseBaranes.jpg"
@@ -202,13 +202,13 @@
/></a> /></a>
</div> </div>
<div class="portrait"> <div class="portrait">
<a href="#" onclick="javascript:afficher(5);" title="Eliza Magri" <a href="#" onclick="javascript: afficher(5);" title="Eliza Magri"
><img src="images/artistes/elizaMagri.jpg" alt="eliza Magri" ><img src="images/artistes/elizaMagri.jpg" alt="eliza Magri"
/></a> /></a>
</div> </div>
<div class="vide" style="background-color: #666666"></div> <div class="vide" style="background-color: #666666"></div>
<div class="portrait"> <div class="portrait">
<a href="#" onclick="javascript:afficher(6);" title="Laurence Bost" <a href="#" onclick="javascript: afficher(6);" title="Laurence Bost"
><img src="images/artistes/laurenceBost.jpg" alt="laurence Bost" ><img src="images/artistes/laurenceBost.jpg" alt="laurence Bost"
/></a> /></a>
</div> </div>
@@ -218,7 +218,7 @@
<div class="portrait"> <div class="portrait">
<a <a
href="#" href="#"
onclick="javascript:afficher(17);" onclick="javascript: afficher(17);"
title="Claudine Sabatier" title="Claudine Sabatier"
><img ><img
src="images/artistes/claudineSabatier.jpg" src="images/artistes/claudineSabatier.jpg"
@@ -228,7 +228,7 @@
<div class="portrait"> <div class="portrait">
<a <a
href="#" href="#"
onclick="javascript:afficher(7);" onclick="javascript: afficher(7);"
title="Jérôme Bouchez" title="Jérôme Bouchez"
><img ><img
src="images/artistes/jeromeBouchez.jpg" src="images/artistes/jeromeBouchez.jpg"
@@ -264,14 +264,14 @@
</div> --> </div> -->
<div class="vide" style="background-color: #cccccc"></div> <div class="vide" style="background-color: #cccccc"></div>
<div class="portrait"> <div class="portrait">
<a href="#" onclick="javascript:afficher(9);" title="Dashan Yang" <a href="#" onclick="javascript: afficher(9);" title="Dashan Yang"
><img src="images/artistes/dashanYang.jpg" alt="Dashan Yang" ><img src="images/artistes/dashanYang.jpg" alt="Dashan Yang"
/></a> /></a>
</div> </div>
<div class="portrait"> <div class="portrait">
<a <a
href="#" href="#"
onclick="javascript:afficher(10);" onclick="javascript: afficher(10);"
title="Altone Mishino" title="Altone Mishino"
><img ><img
src="images/artistes/altoneMishino.jpg" src="images/artistes/altoneMishino.jpg"
@@ -281,7 +281,7 @@
<div class="portrait"> <div class="portrait">
<a <a
href="#" href="#"
onclick="javascript:afficher(24);" onclick="javascript: afficher(24);"
title="Ilan Parienté" title="Ilan Parienté"
><img ><img
src="images/artistes/ilanPariente.jpg" src="images/artistes/ilanPariente.jpg"
@@ -304,14 +304,14 @@
</div> --> </div> -->
<div class="vide" style="background-color: #999999"></div> <div class="vide" style="background-color: #999999"></div>
<div class="portrait"> <div class="portrait">
<a href="#" onclick="javascript:afficher(20);" title="Lin Lei" <a href="#" onclick="javascript: afficher(20);" title="Lin Lei"
><img src="images/artistes/linLei.jpg" alt="Lin Lei" ><img src="images/artistes/linLei.jpg" alt="Lin Lei"
/></a> /></a>
</div> </div>
<div class="portrait"> <div class="portrait">
<a <a
href="#" href="#"
onclick="javascript:afficher(12);" onclick="javascript: afficher(12);"
title="Milan Atanaskovic" title="Milan Atanaskovic"
><img ><img
src="images/artistes/milanAtanaskovic.jpg" src="images/artistes/milanAtanaskovic.jpg"
@@ -336,7 +336,7 @@
<div class="portrait"> <div class="portrait">
<a <a
href="#" href="#"
onclick="javascript:afficher(15);" onclick="javascript: afficher(15);"
title="Mitou Alalinarde" title="Mitou Alalinarde"
><img ><img
src="images/artistes/mitouAllalinarde.jpg" src="images/artistes/mitouAllalinarde.jpg"
@@ -358,7 +358,7 @@
<div class="portrait"> <div class="portrait">
<a <a
href="#" href="#"
onclick="javascript:afficher(19);" onclick="javascript: afficher(19);"
title="Arnaud de l'Estourbeillion" title="Arnaud de l'Estourbeillion"
><img ><img
src="images/artistes/arnauddelestourbeillion.jpg" src="images/artistes/arnauddelestourbeillion.jpg"

121
www/javascript/tools.js
View File

@@ -1,29 +1,46 @@
var coordsArtiste=new Array(); var coordsArtiste = new Array();
coordsArtiste[0]="<span style='font-weight:bold;font-size:11px;'>Malgorzata (Margot) Montenoise</span><br /><a href='http://montenoisemargot.ultra-book.com' target='_blank' style='color:#cc3300;text-decoration:none;font-size:10px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>montenoisemargot.ultra-book.com</a><br /><a href='mailto:margot.montenoise@gmail.com' style='color:#cc3300;text-decoration:none;font-size:10px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>margot.montenoise@gmail.com</a>"; coordsArtiste[0] =
coordsArtiste[1]="<span style='font-weight:bold;'>Christophe Bogdan</span><br /><a href='mailto:kbogdan@wanadoo.fr' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>kbogdan@wanadoo.fr</a>"; "<span style='font-weight:bold;font-size:11px;'>Malgorzata (Margot) Montenoise</span><br /><a href='http://montenoisemargot.ultra-book.com' target='_blank' style='color:#cc3300;text-decoration:none;font-size:10px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>montenoisemargot.ultra-book.com</a><br /><a href='mailto:margot.montenoise@gmail.com' style='color:#cc3300;text-decoration:none;font-size:10px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>margot.montenoise@gmail.com</a>";
coordsArtiste[2]="<span style='font-weight:bold;'>Macha Krivokapic</span><br /><a href='mailto:machak91@yahoo.fr' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>machak91@yahoo.fr</a>"; coordsArtiste[1] =
coordsArtiste[3]="<span style='font-weight:bold;'>Vincent Pandellé</span><br /><a href='http://www.passionphotographique.com' target='_blank' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>passionphotographique.com</a><br /><a href='mailto:pandellv@yahoo.fr' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>pandellv@yahoo.fr</a>"; "<span style='font-weight:bold;'>Christophe Bogdan</span><br /><a href='mailto:kbogdan@wanadoo.fr' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>kbogdan@wanadoo.fr</a>";
coordsArtiste[4]="<span style='font-weight:bold;'>Jean José Baranes</span><br /><a href='http://www.jeanjosebaranes.com' target='_blank' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>jeanjosebaranes.com</a><br /><a href='mailto:jeanjose.baranes@orange.fr' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>jeanjose.baranes@orange.fr</a>"; coordsArtiste[2] =
coordsArtiste[5]="<span style='font-weight:bold;'>Eliza Magri</span><br /><a href='http://www.elizamagri.com' target='_blank' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>www.elizamagri.com</a>"; "<span style='font-weight:bold;'>Macha Krivokapic</span><br /><a href='mailto:machak91@yahoo.fr' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>machak91@yahoo.fr</a>";
coordsArtiste[6]="<span style='font-weight:bold;'>LABB Laurence Anne Beauvallet Bost</span><br/><a href='http://laurencebost.weebly.com' target='_blank' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>http://laurencebost.weebly.com</a><br /><a href='http://onzedixieme.weebly.com' target='_blank' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>http://onzedixieme.weebly.com</a>"; coordsArtiste[3] =
coordsArtiste[7]="<span style='font-weight:bold;'>Jérôme Bouchez</span><br /><a href='http://www.jerome-bouchez.com' target='_blank' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>www.jerome-bouchez.com</a>"; "<span style='font-weight:bold;'>Vincent Pandellé</span><br /><a href='http://www.passionphotographique.com' target='_blank' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>passionphotographique.com</a><br /><a href='mailto:pandellv@yahoo.fr' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>pandellv@yahoo.fr</a>";
coordsArtiste[4] =
"<span style='font-weight:bold;'>Jean José Baranes</span><br /><a href='http://www.jeanjosebaranes.com' target='_blank' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>jeanjosebaranes.com</a><br /><a href='mailto:jeanjose.baranes@orange.fr' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>jeanjose.baranes@orange.fr</a>";
coordsArtiste[5] =
"<span style='font-weight:bold;'>Eliza Magri</span><br /><a href='http://www.elizamagri.com' target='_blank' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>www.elizamagri.com</a>";
coordsArtiste[6] =
"<span style='font-weight:bold;'>LABB Laurence Anne Beauvallet Bost</span><br/><a href='https://labb-art.com' target='_blank' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>https://labb-art.com</a>";
coordsArtiste[7] =
"<span style='font-weight:bold;'>Jérôme Bouchez</span><br /><a href='http://www.jerome-bouchez.com' target='_blank' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>www.jerome-bouchez.com</a>";
// coordsArtiste[8]="<span style='font-weight:bold;'>Paule Millara</span><br /><a href='mailto:paule.millara@orange.fr' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>paule.millara@orange.fr</a>"; // coordsArtiste[8]="<span style='font-weight:bold;'>Paule Millara</span><br /><a href='mailto:paule.millara@orange.fr' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>paule.millara@orange.fr</a>";
coordsArtiste[9]="<span style='font-weight:bold;'>Dashan Yang</span><br /><a href='mailto:dashan.2a@gmail.com' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>dashan.2a@gmail.com</a>"; coordsArtiste[9] =
coordsArtiste[10]="<span style='font-weight:bold;'>Altone Mishino</span><br /><a href='http://www.mishino.artists.de' target='_blank' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>www.mishino.artists.de</a><br /><a href='http://www.mishino.com' target='_blank' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>www.mishino.com</a><br /><a href='http://www.artmajeur.com/mishinonews' target='_blank' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>www.artmajeur.com/mishinonews</a><br><a href='http://www.kazoart.com/artiste-contemporain/26-altone-mishino' target='_blank' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>www.kazoart.com</a><br><a href='http://www.saatchiart.com/altone.mishino' target='_blank' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>www.saatchiart.com</a>"; "<span style='font-weight:bold;'>Dashan Yang</span><br /><a href='mailto:dashan.2a@gmail.com' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>dashan.2a@gmail.com</a>";
coordsArtiste[10] =
"<span style='font-weight:bold;'>Altone Mishino</span><br /><a href='http://www.mishino.artists.de' target='_blank' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>www.mishino.artists.de</a><br /><a href='http://www.mishino.com' target='_blank' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>www.mishino.com</a><br /><a href='http://www.artmajeur.com/mishinonews' target='_blank' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>www.artmajeur.com/mishinonews</a><br><a href='http://www.kazoart.com/artiste-contemporain/26-altone-mishino' target='_blank' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>www.kazoart.com</a><br><a href='http://www.saatchiart.com/altone.mishino' target='_blank' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>www.saatchiart.com</a>";
// coordsArtiste[11]="<span style='font-weight:bold;'>Macha Pandellé</span><br /><a href='http://grafima.ucoz.net/' target='_blank' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>grafima.ucoz.net</a>"; // coordsArtiste[11]="<span style='font-weight:bold;'>Macha Pandellé</span><br /><a href='http://grafima.ucoz.net/' target='_blank' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>grafima.ucoz.net</a>";
coordsArtiste[12]="<span style='font-weight:bold;'>Milan Atanaskovic</span><br /><a href='http://www.oart.tv' target='_blank' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>www.oart.tv</a><br /><a href='mailto:milanatanas@yahoo.com' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>milanatanas@yahoo.com</a>"; coordsArtiste[12] =
"<span style='font-weight:bold;'>Milan Atanaskovic</span><br /><a href='http://www.oart.tv' target='_blank' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>www.oart.tv</a><br /><a href='mailto:milanatanas@yahoo.com' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>milanatanas@yahoo.com</a>";
// coordsArtiste[13]="<span style='font-weight:bold;'>Lahouari Mansouri dit Wari</span><br /><a href='mailto:wariraiband@wanadoo.fr' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>wariraiband@wanadoo.fr</a>"; // coordsArtiste[13]="<span style='font-weight:bold;'>Lahouari Mansouri dit Wari</span><br /><a href='mailto:wariraiband@wanadoo.fr' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>wariraiband@wanadoo.fr</a>";
// coordsArtiste[14]="<span style='font-weight:bold;'>Anne Mauban, alias Anna</span><br /><a href='mailto:bernard.mauban@orange.fr' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>bernard.mauban@orange.fr</a>"; // coordsArtiste[14]="<span style='font-weight:bold;'>Anne Mauban, alias Anna</span><br /><a href='mailto:bernard.mauban@orange.fr' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>bernard.mauban@orange.fr</a>";
coordsArtiste[15]="<span style='font-weight:bold;'>Mitou Alalinarde</span><br /><a href='mailto:a.mitou@orange.fr' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>a.mitou@orange.fr</a>"; coordsArtiste[15] =
"<span style='font-weight:bold;'>Mitou Alalinarde</span><br /><a href='mailto:a.mitou@orange.fr' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>a.mitou@orange.fr</a>";
// coordsArtiste[16]="<span style='font-weight:bold;'>Nicolas de Ferran</span><br /><a href='http://www.facebook.com/pages/Le-Tiroir-Jaune/104858274036' target='_blank' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>Facebook : Le tiroir jaune</a><br /><a href='mailto:nicolas.def@gmail.com' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>nicolas.def@gmail.com</a>"; // coordsArtiste[16]="<span style='font-weight:bold;'>Nicolas de Ferran</span><br /><a href='http://www.facebook.com/pages/Le-Tiroir-Jaune/104858274036' target='_blank' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>Facebook : Le tiroir jaune</a><br /><a href='mailto:nicolas.def@gmail.com' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>nicolas.def@gmail.com</a>";
coordsArtiste[17]="<span style='font-weight:bold;'>Claudine Sabatier</span><br /><a href='http://lessabatier.fr/claudine' target='_blank' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>lessabatier.fr/claudine/</a><br /><a href='mailto:claudine.lessabatier@orange.fr' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>claudine.lessabatier@orange.fr</a>"; coordsArtiste[17] =
coordsArtiste[18]="<span style='font-weight:bold;'><span style='color:#cc3300;'>Cliquez</span> sur la photo de</span><br /><span style='font-weight:bold;'>votre choix pour afficher </span><br /><span style='font-weight:bold;'>les informations.</span>"; "<span style='font-weight:bold;'>Claudine Sabatier</span><br /><a href='http://lessabatier.fr/claudine' target='_blank' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>lessabatier.fr/claudine/</a><br /><a href='mailto:claudine.lessabatier@orange.fr' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>claudine.lessabatier@orange.fr</a>";
coordsArtiste[19]="<span style='font-weight:bold;'>Arnaud de l'Estourbeillion</span><br /><a href='mailto:arnauddelestourbeillon@wanadoo.fr' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>arnauddelestourbeillon<br />@wanadoo.fr</a>"; coordsArtiste[18] =
coordsArtiste[20]="<span style='font-weight:bold;'>Lin Lei</span><br /><a href='leilin.sculpture@gmail.com' target='_blank' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>leilin.sculpture@gmail.com</a>"; "<span style='font-weight:bold;'><span style='color:#cc3300;'>Cliquez</span> sur la photo de</span><br /><span style='font-weight:bold;'>votre choix pour afficher </span><br /><span style='font-weight:bold;'>les informations.</span>";
coordsArtiste[19] =
"<span style='font-weight:bold;'>Arnaud de l'Estourbeillion</span><br /><a href='mailto:arnauddelestourbeillon@wanadoo.fr' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>arnauddelestourbeillon<br />@wanadoo.fr</a>";
coordsArtiste[20] =
"<span style='font-weight:bold;'>Lin Lei</span><br /><a href='leilin.sculpture@gmail.com' target='_blank' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>leilin.sculpture@gmail.com</a>";
// coordsArtiste[21]="<span style='font-weight:bold;'>Françoise Delecroix</span><br /><a href='http://www.francoise-delecroix.fr' target='_blank' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>www.francoise-delecroix.fr</a><br /><a href='mailto:francoise.delecroix@gmail.com' target='_blank' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>francoise.delecroix@gmail.com</a>"; // coordsArtiste[21]="<span style='font-weight:bold;'>Françoise Delecroix</span><br /><a href='http://www.francoise-delecroix.fr' target='_blank' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>www.francoise-delecroix.fr</a><br /><a href='mailto:francoise.delecroix@gmail.com' target='_blank' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>francoise.delecroix@gmail.com</a>";
// coordsArtiste[22]="<span style='font-weight:bold;'>Arnaud Laval</span><br /><a href='http://www.arnaudlaval.fr' target='_blank' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>www.arnaudlaval.fr</a>"; // coordsArtiste[22]="<span style='font-weight:bold;'>Arnaud Laval</span><br /><a href='http://www.arnaudlaval.fr' target='_blank' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>www.arnaudlaval.fr</a>";
// coordsArtiste[23]="<span style='font-weight:bold;'>Françoise Miquelis</span><br /><a href='https://francoisemiquelis.com' target='_blank' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>www.francoisemiquelis.com</a><br /><a href='mailto:contact@francoisemiquelis.com' target='_blank' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>contact@francoisemiquelis.com</a>"; // coordsArtiste[23]="<span style='font-weight:bold;'>Françoise Miquelis</span><br /><a href='https://francoisemiquelis.com' target='_blank' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>www.francoisemiquelis.com</a><br /><a href='mailto:contact@francoisemiquelis.com' target='_blank' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>contact@francoisemiquelis.com</a>";
coordsArtiste[24]="<span style='font-weight:bold;'>Ilan Parienté</span><br /><a href='https://ilanpariente1.wixsite.com/artiste' target='_blank' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>https://ilanpariente1.wixsite.com/artiste</a><br /><a href='https://www.instagram.com/ilan_pariente/?hl=fr' target='_blank' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>https://www.instagram.com/ilan_pariente/?hl=fr</a>"; coordsArtiste[24] =
"<span style='font-weight:bold;'>Ilan Parienté</span><br /><a href='https://ilanpariente1.wixsite.com/artiste' target='_blank' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>https://ilanpariente1.wixsite.com/artiste</a><br /><a href='https://www.instagram.com/ilan_pariente/?hl=fr' target='_blank' style='color:#cc3300;text-decoration:none;font-size:11px;' onmouseover='this.style.color=\"#000000\"' onmouseout='this.style.color=\"#cc3300\"'>https://www.instagram.com/ilan_pariente/?hl=fr</a>";
/* /*
ajouter un nouvel artiste ajouter un nouvel artiste
@@ -40,23 +57,23 @@ sortir coordsArtiste[]=" ... </a>";
et coller derrière le tableau ci-dessus et coller derrière le tableau ci-dessus
*/ */
function init(){ function init() {
document.getElementById("affichage").style.visibility="visible"; document.getElementById("affichage").style.visibility = "visible";
document.getElementById("affichage").innerHTML=coordsArtiste[18]; document.getElementById("affichage").innerHTML = coordsArtiste[18];
} }
function afficher(obj){ function afficher(obj) {
document.getElementById("affichage").style.visibility="visible"; document.getElementById("affichage").style.visibility = "visible";
document.getElementById("affichage").innerHTML=coordsArtiste[obj]; document.getElementById("affichage").innerHTML = coordsArtiste[obj];
} }
/* ci-après pour l'image à l'ouverture de la page */ /* ci-après pour l'image à l'ouverture de la page */
function initSurvol(obj = 0){ function initSurvol(obj = 0) {
document.getElementById("survol").src="images/interstices/interstices" + obj + ".jpg"; document.getElementById("survol").src =
"images/interstices/interstices" + obj + ".jpg";
} }
/* page interstices */ /* page interstices */
/* pour ajouter une image, calculer une image soit sur une hauteur de 520px (pour les images hautes) -ou- une largeur de 500px (pour les images larges) et la centrer sur un fond noir de 520 px x 500 px, optimiser en jpg pour le web et l'enrégistrer au nom de interstices9.jpg, interstices10.jpg et ainsi de suite*/ /* pour ajouter une image, calculer une image soit sur une hauteur de 520px (pour les images hautes) -ou- une largeur de 500px (pour les images larges) et la centrer sur un fond noir de 520 px x 500 px, optimiser en jpg pour le web et l'enrégistrer au nom de interstices9.jpg, interstices10.jpg et ainsi de suite*/
@@ -65,8 +82,7 @@ monTableau[8] = "images/interstices/interstices9.jpg";
monTableau[9] = "images/interstices/interstices10.jpg"; monTableau[9] = "images/interstices/interstices10.jpg";
et ainsi de suite */ et ainsi de suite */
var monTableau = new Array();
var monTableau= new Array();
monTableau[0] = "images/interstices/interstices1.jpg"; monTableau[0] = "images/interstices/interstices1.jpg";
monTableau[1] = "images/interstices/interstices1.jpg"; monTableau[1] = "images/interstices/interstices1.jpg";
monTableau[2] = "images/interstices/interstices2.jpg"; monTableau[2] = "images/interstices/interstices2.jpg";
@@ -76,48 +92,35 @@ monTableau[5] = "images/interstices/interstices5.jpg";
monTableau[6] = "images/interstices/interstices6.jpg"; monTableau[6] = "images/interstices/interstices6.jpg";
monTableau[7] = "images/interstices/interstices7.jpg"; monTableau[7] = "images/interstices/interstices7.jpg";
function text_over(obj){ function text_over(obj) {
document.getElementById("survol").src = monTableau[obj];
document.getElementById("survol").src=monTableau[obj];
} }
/* page partenaires */ /* page partenaires */
/* les initiés comprendront */ /* les initiés comprendront */
var monPartenaire=new Array(); var monPartenaire = new Array();
monPartenaire[0] = "images/logoSceauxNoir.png"; monPartenaire[0] = "images/logoSceauxNoir.png";
monPartenaire[1] = "images/logoSceauxNoir_over.png"; monPartenaire[1] = "images/logoSceauxNoir_over.png";
monPartenaire[2] = "images/oArt.png"; monPartenaire[2] = "images/oArt.png";
monPartenaire[3] = "images/oArt_over.png"; monPartenaire[3] = "images/oArt_over.png";
function initPart(){ function initPart() {
document.getElementById("p1").style.visibility="visible"; document.getElementById("p1").style.visibility = "visible";
document.getElementById("p1").src="images/logoSceauxNoir.png"; document.getElementById("p1").src = "images/logoSceauxNoir.png";
} }
function initPart1(){ function initPart1() {
document.getElementById("p2").style.visibility="visible"; document.getElementById("p2").style.visibility = "visible";
document.getElementById("p2").src="images/oArt.png"; document.getElementById("p2").src = "images/oArt.png";
} }
function showLogo(){ function showLogo() {
document.getElementById("p1").style.visibility="visible"; document.getElementById("p1").style.visibility = "visible";
document.getElementById("p1").src="images/logoSceauxNoir_over.png"; document.getElementById("p1").src = "images/logoSceauxNoir_over.png";
}
}
function showLogo1(obj){
document.getElementById("p2").style.visibility="visible";
document.getElementById("p2").src="images/oArt_over.png";
}
function showLogo1(obj) {
document.getElementById("p2").style.visibility = "visible";
document.getElementById("p2").src = "images/oArt_over.png";
}