Created
April 15, 2011 19:38
-
-
Save anonymous/922331 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<?php require( 'contenue_index.php'); ?> | |
<!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=UTF-8" /> | |
<link rel="shortcut icon" href="image/decoupe/favicon.jpg" type="image/x-icon" /> | |
<title>Accueil | Arts-africains</title> | |
<!-- Style css de la page index --> | |
<link rel="stylesheet" type="text/css" href="stylesheet.css" media="all" /> | |
<!--[if IE]> | |
<link rel="stylesheet" type="text/css" href="Page/index/styleIE.css" /> | |
<![endif]--> | |
<!-- FIN Style css de la page index --> | |
<!-- Diaporama de droite --> | |
<link rel="stylesheet" type="text/css" href="flash/jquery_thumbnail_scroller/2/diaporama_droite.css" media="all" /> | |
<script type="text/javascript" src="flash/jquery_thumbnail_scroller/2/diaporama_droite.js"></script> | |
<!-- FIN Diaporama de droite --> | |
<!-- Diaporama du Haut --> | |
<link href="flash/jquery_thumbnail_scroller/1/skin_2.css" rel="stylesheet" type="text/css" /> | |
<script type="text/javascript" src="flash/jquery_thumbnail_scroller/1/jquery-1.4.22.min.js"></script> | |
<script type="text/javascript" src="flash/jquery_thumbnail_scroller/1/jquery.jcarousel.min.js"></script> | |
<!-- FIN Diaporama du Haut --> | |
<!-- Diaporama du centre --> | |
<script src="flash/diaporama centre/js/s3slider.js" type="text/javascript"></script> | |
<script src="flash/diaporama centre/js/s2slider.js" type="text/javascript"></script> | |
<!-- Fin diaporama centre --> | |
<!-- Authentification utilisateur --> | |
<script type="text/javascript" src="Page/Authentification_utilisateur/lightbox-form.js"></script> | |
<!-- FIN Authentification utilisateur --> | |
<script type="text/javascript" src="ext/jquery/ui/jquery-ui-1.8.6.min.js"></script> | |
<script type="text/javascript" src="XHRConnection.js"></script> | |
</head> | |
<body> | |
<div id="main"> | |
<div id="tete"></div> | |
<br class="clearfloat" /> | |
<div id="index_r2_c1"></div> | |
<div id="colwrap1"> | |
<a href="index.html"> | |
<img src="image/decoupe/Logo.jpg" id="Logo" alt="" /></a> | |
<div id="index_r3_c2"> | |
</div> | |
</div> | |
<!-- Image du diaporama du haut --> | |
<div id="index_r2_c4"> | |
<ul class="jcarousel-skin-tango" id="mycarousel"> | |
<li><img src="flash/jquery_thumbnail_scroller/1/images/100_0569.JPG" /></li> | |
<li><img src="flash/jquery_thumbnail_scroller/1/images/100_0599.JPG" /></li> | |
<li><img src="flash/jquery_thumbnail_scroller/1/images/100_0602.JPG" /></li> | |
<li><img src="flash/jquery_thumbnail_scroller/1/images/100_0626.JPG" /></li> | |
<li><img src="flash/jquery_thumbnail_scroller/1/images/100_0632.JPG" /></li> | |
<li><img src="flash/jquery_thumbnail_scroller/1/images/100_0660.JPG" /></li> | |
<li><img src="flash/jquery_thumbnail_scroller/1/images/IMG_0086.JPG" /></li> | |
<li><img src="flash/jquery_thumbnail_scroller/1/images/IMG_0111.JPG" /></li> | |
<li><img src="flash/jquery_thumbnail_scroller/1/images/IMGP0077.JPG" /></li> | |
<li><img src="flash/jquery_thumbnail_scroller/1/images/P1010612.JPG" /></li> | |
<li><img src="flash/jquery_thumbnail_scroller/1/images/IMG_0135.JPG" /></li> | |
<li><img src="flash/jquery_thumbnail_scroller/1/images/100_0660.JPG" /></li> | |
<li><img src="flash/jquery_thumbnail_scroller/1/images/IMG_0163.JPG" /></li> | |
<li><img src="flash/jquery_thumbnail_scroller/1/images/100_0569.JPG" /></li> | |
</ul> | |
</div> | |
<!-- FIN Image du diaporama du haut --> | |
<!-- MENU 1 --> | |
<br class="clearfloat" /> | |
<div id="menu1"> | |
<a href="Page/index/malachite.html">Malachite</a> <a href="Page/index/les_tissus_africains.html">Tissus africains</a> <a href="Page/index/masques_africains.html">Masques africains</a><a href="Page/index/statuettes_africaines.html">Statuettes africaines</a> <a href="Page/index/tableaux_africains.html">Tableaux africains</a> <a href= "Page/index/décorations_africaines.html">Décorations africaines</a> </div> | |
<!-- FIN MENU 1 --> | |
<!-- MENU 2 --> | |
<br class="clearfloat" /> | |
<div id="menu2"><a href="index.php">Accueil</a> <a href="Page/index/boutique.html">Boutique</a> <a href="Page/index/qui_somme_nous.html">Qui somme nous</a><a href= "Page/index/livre_d'or.php">Livre d'or</a> <a href="Page/index/liens.html">Liens</a> <a href="Page/index/contactez_nous.php">Contactez-nous</a> | |
</div> | |
<!-- FIN MENU 2 --> | |
<br class="clearfloat" /> | |
<div id="colwrap2"> | |
<div id="gauche"> | |
<!-- CHAMP NEWSLETTERS --> | |
<div class="newsletter" id="test"> | |
<form method="post" action="Page/newsletters/inscription.php"> | |
<input name="email" type="text" class="for" size="13" /> | |
<input name="valid" type="image" class="ok" value="Valider" src="image/decoupe/ok.png" /> | |
<input name="action" type="radio" class="abo" value="abo" | |
checked="checked" /> | |
S'abonner | |
<input name="action" type="radio" class="desabo" value="desabo" />Désabonner | |
</form> | |
<!-- AddThis Button BEGIN --> | |
<div class="addthis_toolbox addthis_default_style "> | |
<a href="http://www.addthis.com/bookmark.php?v=250&username=xa-4cfe6d156eafbb0d" class="addthis_button_compact">Partage</a> | |
<span class="addthis_separator">|</span> | |
<a class="addthis_button_preferred"></a> | |
<a class="addthis_button_preferred"></a> | |
<a class="addthis_button_preferred"></a> | |
</div> | |
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4cfe6d156eafbb0d"></script> | |
<!-- AddThis Button END --> | |
</div></div> | |
<!-- FIN CHAMP NEWSLETTERS --> | |
<!-- ALONGEMENT DE LA PARTIE GAUCHE --> | |
<img src="image/decoupe/repeat1.jpg" id="repeat1" alt="" /></div> | |
<!-- FIN ALONGEMENT DE LA PARTIE GAUCHE --> | |
<div id="Shortcuts"><li><?php require(DIR_WS_INCLUDES . 'header.php'); ?></li> | |
<!-- DIV CENTRE --> | |
<div id="centre"> | |
<p class="Txt_Bienvenue"> | |
Bienvenue sur le site Arts-africains</p> | |
<p class="Txt_Vous"> | |
Vous aimez l’Afrique et souhaitez décorer votre maison d’une façon hors de l’ordinaire. Vous êtes ouvert à une autre culture. Vous trouverez votre bonheur à un bon prix ( objets africains, masques africains, statues africaines, tapis en raphia, Tissus africains... ) mais également des explications sur l’origine de certains objets.</p> | |
<p class="Txt_Bonne"> | |
Bonne visite...</p> | |
<!-- DIAPORAMA DU CENTRE --> | |
<div id="slider1"> | |
<ul id="slider1Content"> | |
<li class="slider1Image"> | |
<img src="flash/diaporama centre/image/1.JPG" /> | |
<span class="texte_right"><strong>Bienvenue</strong><br /></span> | |
</li> | |
<li class="slider1Image"> | |
<img src="flash/diaporama centre/image/2.JPG" /> | |
<span class="texte_right"><strong>Bienvenue</strong><br /></span> | |
</li> | |
<li class="slider1Image"> | |
<img src="flash/diaporama centre/image/3.JPG" /> | |
<span class="texte_right"><strong>Bienvenue</strong><br /></span> | |
</li> | |
<li class="slider1Image"> | |
<img src="flash/diaporama centre/image/4.JPG" /> | |
<span class="texte_right"><strong>Bienvenue</strong><br /></span> | |
</li> | |
<li class="slider1Image"> | |
<img src="flash/diaporama centre/image/5.JPG" /> | |
<span class="texte_right"><strong>Bienvenue</strong><br /></span> | |
<li class="slider1Image"> | |
<img src="flash/diaporama centre/image/6.JPG" /> | |
<span class="texte_right"><strong>Bienvenue</strong><br /></span> | |
</li> | |
</li><div class="clear slider1Image"></div></ul></div><br/> | |
<!-- FIN DU DIAPORAMA CENTRE --> | |
<!-- TABLEAU DES NOUVEAUTES --> | |
<img src="image/decoupe/nouv_accueil.jpg" alt="nouveaute" width="540" height="786" class="nouveaute" /></div> | |
<!-- FIN TABLEAU DES NOUVEAUTES --> | |
<div id="colwrap3"><div> | |
<!-- DIV droite --> | |
<div id="droite"> | |
<!--MENU histoire & Ethnies --> | |
<p class="histoire"> | |
<li><a href="Page/index/l'art_africain.html">L'art africain</a></li> | |
<li><a href="Page/index/masque_africain.html">Masque africain</a></li> | |
<li><a href="Page/index/statuettes_et_sculptures.html">Statuettes et sculptures</a></li> | |
<li><a href="Page/index/les_tissus_africains.html">Les tissus africains</a></li> | |
<li><a href="Page/index/voyage_chez_les_balubakats.html">Voyage chez les balubas</a><li> | |
<!--FIN MENU histoire & Ethnies --> | |
</div></div> | |
<br class="clearfloat" /> | |
<div id="index_r7_c5"></div> | |
<!-- LOGO FIANET --> | |
<div id="colwrap5"> | |
<a href="http://www.fia-net.com/"><img src="image/decoupe/fianet.jpg" id="fianet" alt="" /></a> | |
<!-- FIN LOGO FIANET --> | |
<div id="index_r8_c6"></div></div> | |
<div id="index_r7_c7"></div> | |
<!--DEBUT Diaporama droite--> | |
<div id="outer_container"> | |
<div id="thumbScroller"> | |
<div class="container"> | |
<div class="content"> | |
<div><a href="#"><img src="flash/jquery_thumbnail_scroller/2/thumbs/100_0675.jpg" class="thumb" /></a></div></div> | |
<div class="content"> | |
<div><a href="#"><img src="flash/jquery_thumbnail_scroller/2/thumbs/dsc01233.jpg" class="thumb" /></a></div></div> | |
<div class="content"> | |
<div><a href="#"><img src="flash/jquery_thumbnail_scroller/2/thumbs/dsc01243.jpg" class="thumb" /></a></div></div> | |
<div class="content"> | |
<div><a href="#"><img src="flash/jquery_thumbnail_scroller/2/thumbs/img_0024.jpg" class="thumb" /></a></div></div> | |
<div class="content"> | |
<div><a href="#"><img src="flash/jquery_thumbnail_scroller/2/thumbs/p1010565.jpg" class="thumb" /></a></div></div> | |
<div class="content"> | |
<div><a href="#"><img src="flash/jquery_thumbnail_scroller/2/thumbs/p1010564.jpg" class="thumb" /></a></div></div> | |
<div class="content"> | |
<div><a href="#"><img src="flash/jquery_thumbnail_scroller/2/thumbs/p1010565.jpg" class="thumb" /></a></div></div> | |
<div class="content"> | |
<div><a href="#"><img src="flash/jquery_thumbnail_scroller/2/thumbs/img_0065.jpg" class="thumb" /></a></div></div> | |
<div class="content"> | |
<div><a href="#"><img src="flash/jquery_thumbnail_scroller/2/thumbs/thumb3.jpg" class="thumb" /></a></div></div> | |
</div></div></div> | |
<!-- FIN diaporama droite--> | |
<!-- ALONGEMENT DE LA PARTIE DROITE --> | |
<br class="clearfloat" /> | |
<div><img src="image/decoupe/repeat2.jpg" id="repeat2" alt="" /></div> | |
<!-- FIN ALONGEMENT DE LA PARTIE DROITE --> | |
<br class="clearfloat" /></div> | |
<!-- DIV PIED --> | |
<div id="pied"> | |
<!-- LIENS PIED --> | |
<p class="Copyright"><a href="http://www.copyrightfrance.com/">Copyright</a> © 2010 Arts-africains. Tous droits réservés.</p> | |
<p class="liensp"><li><a href="Page/index/infos_livraison.html" class="liensp">Infos livraisons</a></li> | |
<li><a href="Page/index/infos_paiement.html" class="liensp">Infos paiements</a></li> | |
<li><a href="Page/index/conditions_générales_de_vente.html" class="liensp">Conditions générales de vente</a></li></p> | |
<p class="lienspd"><li><a href="Page/index/notre_blog.html" class="lienspd">Notre Blog</a></li> | |
<li><a href="Page/index/plan_du_site.html" class="lienspd">Plan du site</a></li> | |
<li><a href="Page/index/Mentions_ légales.html" class="lienspd">Mentions légales</a></li></p></div> | |
<div id="pub_bas" class="pub_bas"><?php require(DIR_WS_INCLUDES . 'footer.php'); ?> | |
<div id="nouveaute_index" class="nouveaute_dans_page_accueil "><?php include(DIR_WS_MODULES . FILENAME_NEW_PRODUCTS); ?></div> | |
</div> | |
<br class="clearfloat" /></div> | |
<!-- SCRIPT DIAPORAMA DROITE --> | |
<script> | |
$outer_container=$("#outer_container"); | |
$thumbScroller=$("#thumbScroller"); | |
$thumbScroller_container=$("#thumbScroller .container"); | |
$thumbScroller_content=$("#thumbScroller .content"); | |
$thumbScroller_thumb=$("#thumbScroller .thumb"); | |
$(window).load(function() { | |
var sliderHeight=$thumbScroller.height(); | |
var itemHeight=$thumbScroller_content.height(); | |
$thumbScroller_content.each(function (i) { | |
totalContent=i*itemHeight; | |
}); | |
$thumbScroller.mousemove(function(e){ | |
var mouseCoords=(e.pageY - this.offsetTop); | |
var mousePercentY=mouseCoords/sliderHeight; | |
var destY=-(((totalContent-(sliderHeight-itemHeight))-sliderHeight)*(mousePercentY)); | |
var thePosA=mouseCoords-destY; | |
var thePosB=destY-mouseCoords; | |
if(mouseCoords>destY){ | |
$thumbScroller_container.css("top",-thePosA); | |
} | |
if(mouseCoords<destY){ | |
$thumbScroller_container.css("top",thePosB); | |
} | |
}); | |
var fadeSpeed=400; | |
$thumbScroller_thumb.each(function () { | |
var $this=$(this); | |
$this.fadeTo(fadeSpeed, 100); | |
}); | |
$thumbScroller_thumb.hover( | |
function(){ //mouse over | |
var $this=$(this); | |
$this.stop().fadeTo(fadeSpeed, 1); | |
}, | |
function(){ //mouse out | |
var $this=$(this); | |
$this.stop().fadeTo(fadeSpeed, 50); | |
} | |
); | |
}); | |
</script> | |
<!-- FIN SCRIPT DIAPORAMA DROITE --> | |
<!-- SCRIPT DIAPORAMA HAUT --> | |
<script> | |
jQuery.easing['BounceEaseOut'] = function(p, t, b, c, d) { | |
if ((t/=d) < (1/2.75)) { | |
return c*(7.5625*t*t) + b; | |
} else if (t < (2/2.75)) { | |
return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b; | |
} else if (t < (2.5/2.75)) { | |
return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b; | |
} else { | |
return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b; | |
} | |
}; | |
jQuery(document).ready(function() { | |
jQuery('#mycarousel').jcarousel({ | |
easing: 'BounceEaseOut', | |
animation: 1500 | |
}); | |
}); | |
function mycarousel_initCallback(carousel) | |
{ | |
carousel.buttonNext.bind('click', function() { | |
carousel.startAuto(20); | |
}); | |
carousel.buttonPrev.bind('click', function() { | |
carousel.startAuto(20); | |
}); | |
carousel.clip.hover(function() { | |
carousel.stopAuto(); | |
}, function() { | |
carousel.startAuto(); | |
}); | |
}; | |
jQuery(document).ready(function() { | |
jQuery('#mycarousel').jcarousel({ | |
auto: 3, | |
wrap: 'last', | |
initCallback: mycarousel_initCallback | |
}); | |
}); | |
jQuery(document).ready(function() { | |
jQuery('#mycarousel').jcarousel({ | |
visible:3.2 | |
}); | |
}); | |
</script> | |
<!-- FIN SCRIPT DIAPORAMA HAUT --> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment