11548 sujets

JavaScript, DOM et API Web HTML5

IE // FancyBox // Scroll TO

Bonjour,

Je rencontre un soucis (courant ??) avec IE. J'ai développé mon site en y intégrant FancyBox (pour la galerie) et scroll to (pour le CV).

Mon affichage est convenable sur les plateformes traditionnelles mais IE refuse l'affichage.

Je ne sais pas s'il faut vous adresser le code ici ou pas. Je précise que je suis toute jeune sur le forum.

l'adresse du site est la suivante :http://www.cloudflakes.net/php/travaux.php

mais voici le code (ps : valide sur le W3C).

<!--ddt -->
<!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 name="description" content="Cloudflakes une vision sémantique du web traduite par la typographie." />
<meta name="author" content="Lucile Contestin" />
<meta name="generator" content="" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<link rel="icon" type="image/ico" href="../images/cloudflakes_noir.ico" />

<link rel="stylesheet" type="text/css" href="../styles/commun.css" />
<!-- fin ddt -->

<!-- Informations à modifier !!!-->

<meta name="keywords" content="" />
<link href="../styles/stylebleu.css" rel="stylesheet" type="text/css" />
<link href="../fancybox/jquery.fancybox-1.3.1.css" rel="stylesheet" type="text/css" />


<!-- Script -->
<script src="../js/jquery.js" type="text/javascript"></script>
<script src="../fancybox/jquery.fancybox-1.3.1.js" type="text/javascript"></script>
<script type="text/javascript">
	$(document).ready(function()  {
	
	$("a.galerie").fancybox({
		'titleShow'	: true,
		'titlePosition'	:	'over',
		'transitionIn'	:	'elastic',
		'transitionOut'	:	'fade',
		'speedIn'		:	600,
		'speedOut'		:	200,
		'overlayShow'	:	true,
						  }) ;
  }) ;
</script>	
			

<title>Cloudflakes - Travaux</title> 



<!-- header -->

</head>

<body>

<div id="header">
<a href="../index.php">
   	<img src="../images/cloudflakes_bleu.png" width="250" height="160" alt="Logo du site permet le retour à l'accueil"  />
    </a>
<blockquote>"La beauté d'un <em>mot</em>  ne réside pas dans l'harmonie <em>phonétique</em>  de ses syllables, mais dans les associations  <em>sémantiques</em>  que sa <em>sonorité</em> éveille."
	<p>Milan Kundera</p>

</blockquote>
<div style="clear:both"></div>
</div>
<!-- fin header -->

<!-- Titre de la page à modifier -->
<h1>TRAVAUX #</h1>
<!-- Fin de titre de page -->

<!-- Conteneur + Menu -->

<div id="conteneur">
  <ul id="menu">
    	<li class="page1"><a href="../index.php" >Accueil</a></li>

        <li class="page2"><a href="../php/loveit.php">Love it</a></li>
        <li class="page3"><a href="../php/parcours.php">Parcours</a></li>
        <li class="page4"><a href="../php/travaux.php">Travaux</a></li>
        <li class="page5"><a href="../php/contacts.php">Contacts</a></li>
  </ul><!-- fin menu -->

<!-- -->
  
     <div id="principal">

     <ul>
                <li><a class="galerie" rel="groupe-galerie" href="../images/travaux/site_musee_branly_2.jpg"><img src="../images/travaux/site_musee_branly_2.jpg" width="100px" alt="" /></a></li>
                  <li><a class="galerie" rel="groupe-galerie" href="../images/travaux/affiche_bde.jpg"><img src="../images/travaux/affiche_bde.jpg" width="100px" alt="" /></a></li>
                  <li><a class="galerie" rel="groupe-galerie" href="../images/travaux/affiche_decalages.jpg"><img src="../images/travaux/affiche_decalages.jpg" width="100px" alt="" /></a></li>
                  <li><a class="galerie" rel="groupe-galerie" href="../images/travaux/mr_disco.jpg"><img src="../images/travaux/mr_disco.jpg" width="100px" alt="" /></a></li>
                  <li><a class="galerie" rel="groupe-galerie" href="../images/travaux/londonswoman.jpg"><img src="../images/travaux/londonswoman.jpg" width="100px" alt="" /></a></li>
                  <li><a class="galerie" rel="groupe-galerie" href="../images/travaux/site_musee_branly_1.jpg"><img src="../images/travaux/site_musee_branly_1.jpg" width="100px" alt="" /></a></li>
                  <li><a class="galerie" rel="groupe-galerie" href="../images/travaux/grille_2010.jpg"><img src="../images/travaux/grille_2010.jpg" width="100px" alt="" /></a></li>
                  <li><a class="galerie" rel="groupe-galerie" href="../images/travaux/voeux_2010.jpg"><img src="../images/travaux/voeux_2010.jpg" width="100px" alt="" /></a></li>

                  <li><a class="galerie" rel="groupe-galerie" href="../images/travaux/green_living.jpg"><img src="../images/travaux/green_living.jpg" width="100px" alt="" /></a></li>
                  <li><a class="galerie" rel="groupe-galerie" href="../images/travaux/colorisation.jpg"><img src="../images/travaux/colorisation.jpg" width="100px" alt="" /></a></li>
                  <li><a class="galerie" rel="groupe-galerie" href="../images/travaux/affiche_rentree_gh.jpg"><img src="../images/travaux/affiche_rentree_gh.jpg" width="100px" alt="" /></a></li>
                  <li><a class="galerie" rel="groupe-galerie" href="../images/travaux/chicagostreet.jpg"><img src="../images/travaux/chicagostreet.jpg" width="100px" alt="" /></a></li>
                  <li><a class="galerie" rel="groupe-galerie" href="../images/travaux/chicagostreet2.jpg"><img src="../images/travaux/chicagostreet2.jpg" width="100px" alt="" /></a></li>
                  <li><a class="galerie" rel="groupe-galerie" href="../images/travaux/chicagostreet3.jpg"><img src="../images/travaux/chicagostreet3.jpg" width="100px" alt="" /></a></li>
                  <li><a class="galerie" rel="groupe-galerie" href="../images/travaux/chicagostreet4.jpg"><img src="../images/travaux/chicagostreet4.jpg" width="100px" alt="" /></a></li>
                  <li><a class="galerie" rel="groupe-galerie" href="../images/travaux/fire_building.jpg"><img src="../images/travaux/fire_building.jpg" width="100px" alt="" /></a></li>
                  <li><a class="galerie" rel="groupe-galerie" href="../images/travaux/banniereweb.jpg"><img src="../images/travaux/banniereweb.jpg" width="100px" alt="" /></a></li>

                  <li><a class="galerie" rel="groupe-galerie" href="../images/travaux/grille_2008.jpg"><img src="../images/travaux/grille_2008.jpg" width="100px" alt="" /></a></li>
                  <li><a class="galerie" rel="groupe-galerie" href="../images/travaux/carte_visite_grafhit.jpg"><img src="../images/travaux/carte_visite_grafhit.jpg" width="100px" alt="" /></a></li>
              </ul>
     
 <p><a href=""></a></p>   
 </div>
<!-- -->



<!-- footer --> 

 <div style="clear:both"></div>



<div id="footer">
<h2>En passant...</h2>
<div id="footnews"><h3>MISE EN PAGE(S), ETC</h3>
  <p id="illu"><img src="../images/news/MEP_etc_couv.jpg" alt="Couverture du Livre Mise en Page etc.." /></p>
  <p><a href="../php/news.php?id_news=18">...</a></p></div>
</div>
<div style="clear:both"></div>
<p id="navsec"> <a href="">Mentions Légales</a><a href="">Contact</a><a href="../php/authentification.php">Derrière le mirroir</a></p>

</div>
</body>
</html><!-- fin de footer -->

Modifié par lucile_cloud (02 Dec 2010 - 15:10)
Salut,

Essaye de supprimer la virgule après la dernière variable dans l'initialisation de ta fancybox. C'est une faute de syntaxe, et apparemment ça déclenche une erreur.
Bonsoir !

Je remonte ce sujet car j'ai le même problème.

Tout fonction bien avec firefox, opera, chrome ... mais pas sous IE (étonnant non ?)

Les images s'ouvrent dans la fenêtre courante et non dans une "popup".

Merci

(j'ai le même problème avec la démo du site fancybox Smiley rolleyes )
Modifié par Hayreon (06 Nov 2011 - 18:37)
Sujet clos
Aller à