Bonjour à tous,
Voilà je vous explique mon problème en fait je voudrais réaliser un diaporama avec un effet de zoom sur les photos.
Donc j'ai pris l'exemple que ce site propose, mais impossible de le faire fonctionner.
J'ai essayé plusieurs solutions mais rien n'y fait.
Je vous laisse mon code pour que vous puissiez voir si j'ai pas fait d'erreur (ce qui n'est pas exclus
).
Donc si vous avez réponse à mon problème ou si vous avez d'autres solutions à me donner pour pouvoir faire ce phénomène de zoom dans le diaporama, je suis preneur car je je n'en peux plus.
Merci pour vos réponses.
A+
Xav
Modifié par xabix (09 May 2012 - 13:06)
Voilà je vous explique mon problème en fait je voudrais réaliser un diaporama avec un effet de zoom sur les photos.
Donc j'ai pris l'exemple que ce site propose, mais impossible de le faire fonctionner.
J'ai essayé plusieurs solutions mais rien n'y fait.
Je vous laisse mon code pour que vous puissiez voir si j'ai pas fait d'erreur (ce qui n'est pas exclus
).
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Wild Horizon</title>
<meta name="Description" CONTENT=""/>
<meta name="Keywords" LANG="fr" CONTENT=""/>
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="design.css" />
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="design.css" />
<link href="style.css" rel="stylesheet" type="text/css" />
<!-- Javascript -->
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jquery.diaporama.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-26626746-3']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</head>
<body>
<div id="en_tete">
<div id="image">
<a href="http://www.wild-horizon.com"><img src="typo/wild_horizon.png" alt="Wild-horizon" />
</div>
</div>
<div id="menu">
<ul class="niveau1">
<li><a href="index.html">HOME</a></li>
<li class="sousmenu"><a>ACTIVITIES</a>
<ul class="niveau2">
<li class="sousmenu"><a href="winter.html">MOUNTAIN</a></li>
<li><a href="summer.html">OCEAN</a></li>
</ul>
</li>
<li><a href="voyage.html">TRAVELS</a></li>
<li><a href="reservation.php">RESERVATION</a></li>
<li><a href="team.html">TEAM</a></li>
<li><a href="partners.html">PARTNERS</a></li>
<li><a href="gallery.html">GALLERY</a></a></li>
<li><a href="contact.php">CONTACT</a></li>
<li class="sousmenu"><a>WEBCAMS</a>
<ul class="niveau2">
<li class="sousmenu"><a href="http://www.compagniedumontblanc.fr/fr/webcams">CHAMONIX</a></li>
<li><a href="http://www.les2alpes.com/webcams-des-2-alpes.html">LES 2 ALPES</a></li>
<li><a href="http://www.viewsurf.com/vue-1470-Carcans_-_Panovideo_Ocean.html">CARCANS</a></li>
</ul>
</li>
</ul>
</div>
<div id="corps">
<div id= "bleu">
<h1><strong>Wild Horizon...</strong> Who are we ? What can we offer you ?</h1>
</div>
<ul class="diaporama">
<li><img src="images/index/mountain.jpeg" alt="Mountain" width="400" height="300" /></li>
<li><img src="images/index/ocean.jpg" alt="Ocean" width="400" height="300" /></li>
<li><img src="images/index/mountain_2.jpg" alt="Formations" width="400" height="300" /></li>
<li><img src="images/index/ocean_2.jpg" alt="etc." width="400" height="300" /></li>
</ul>
</div>
<div id="footer">
<p>copyright © 2012 tous droits réservés Wild Horizon. Design by <a href=""></a></p>
</div>
</body>
</html>
Donc si vous avez réponse à mon problème ou si vous avez d'autres solutions à me donner pour pouvoir faire ce phénomène de zoom dans le diaporama, je suis preneur car je je n'en peux plus.
Merci pour vos réponses.
A+
Xav
Modifié par xabix (09 May 2012 - 13:06)
)