28172 sujets

CSS et mise en forme, CSS3

Slider image ne s'affiche pas

Bonjour à tous,

J'aimerais mettre en place un slider avec des images qui passent dans la page d'accueil dans un conteneur bleu(que vous allez voir).

Le problème c'est que les images ne se chargent pas.

Je vous montre mon code en attendant une réponse !


<!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 profile="http://gmpg.org/xfn/11">
 
	<title><?php bloginfo('name') ?><?php if ( is_404() ) : ?> &raquo; <?php _e('Not Found') ?><?php elseif ( is_home() ) : ?> &raquo; <?php bloginfo('description') ?><?php else : ?><?php wp_title() ?><?php endif ?></title>
 
	<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
	<meta name="keywords" content="aupair en France, jeune fille au pair, au pair France, aupairangels, etudiante etrangere"/>
    <meta name="language" content="fr"/>
    <meta name="description" content="Votre agence de placement de jeune fille au pair dans toute la France"/>
   
<script src="jquery-1.4.min.js" type="text/javascript" charset="utf-8"></script>
<script src="loopedslider.min.js" type="text/javascript" charset="utf-8"></script>
<style type="text/css" media="screen">	
		/*
		 * Required 
		*/
		.container { width:500px; height:375px; overflow:hidden; position:relative; cursor:pointer; }
		.slides { position:absolute; top:0; left:0; }
		.slides > div { position:absolute; top:0; width:500px; display:none; }
		/*
		 * Optional
		*/
		#loopedSlider,#newsSlider { margin:0 auto; width:500px; position:relative; clear:both; }
		ul.pagination { list-style:none; padding:0; margin:0; }
		ul.pagination li  { float:left; }
		ul.pagination li a { padding:2px 4px; }
		ul.pagination li.active a { background:blue; color:white; }
	</style>

<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
	 
	<?php wp_head(); ?>
 
</head>
<body>
<div id="page">
	<div id="banniere">
    				</div><!--fin banniere-->
    <div id="menuh">
   <ul> <?php wp_list_pages('sort_column=menu_order&depth=1&title_li');?>
   </ul>
</div><!--fin menu-->
<div id="contenu">
<div class="container">
		<div class="slides">
			<div><img src="img/1.jpg" width="500" height="375" alt="Aupair" /></div>
			<div><img src="img/2.jpg" width="500" height="375" alt="Au Pair Angels" /></div>
	
		</div>
	</div>
	<a href="#" class="previous">previous</a>
	<a href="#" class="next">next</a>


</div>
<div id="menuv">
<h5><a href="#">CONTACTEZ-NOUS</a></h5>
<div class="mail"></div>
<div class="phone"></div>


</div><!--fin menuv-->
<div id="footer">
</div><!--fin footer-->
</div><!--fin page-->

<script type="text/javascript" charset="utf-8">
	$(function(){
		// Option set as a global variable
		$('#loopedSlider').loopedSlider({
			autoStart: 2500,
			restart: 5000
		});

	});
</script>

</body>
</html>


LES IMAGES SONT BIEN ANS LE DOSSIER IMG

Merci
Sujet clos
Aller à