Bonsoir.
 
Encore moi…
J'ai réglé beaucoup de mes problèmes, les concepteurs des plugs-in que j'utilise m'ont bien aidé : j'ai été chercher les dernières versions des plugs et les soucis ont disparu…
Mais il m'en reste un, et un gros.
Voici le site : http://didier.fournet.pagesperso-orange.fr/
Lorsque je clique sur "actualite", tout fonctionne cette fois, y compris les images du bandeau qui renvoient le diaporama au-dessus et le texte à gauche.
Mais lorsque je clique sur les autres rubriques du menu, ça ne marche pas.
Et quand je veux ré-essayer de cliquer sur "activite", ça ne marche plus.
Et IE 6 plante à l'ouverture du site, alors qu'il ne plante pas en local…
 
 
Ne serait-ce pas un problème de renouvellement de mes variables dans mon script déclencheur appelé functions.js ?
Le voici :
 
 
 
/* ouverture de la page avec effets */
 
$(function() {
    //le temoin de chargement
    var $loader  = $('#chargement');
    //le menu de navigation  
    var $nav  = $('#menu');
    //l'image de fond
    var $currImage  = $('#imageentree img');
     
    //chargement de la premiere image  
    //et apparition du menu
    $('<img>').load(function(){
        $loader.hide();
        $currImage.fadeIn(4000);
        //slide out the menu
        setTimeout(function(){
            $nav.animate({'left':'20px'},1000);
        },
        1000);
    }).attr('src',$currImage.attr('src'));
     
});
 
/* apparition-disparition des bandeaux */
 
var bandeauvignettes = function()
{
 var choix = $( 'ul#menu li a' );
 
 choix.click( function()
 {
  $(  '.titrebandeau' ).hide();
  $(  '.diapo' ).hide();
  $(  '.titrediaporama' ).hide();
  $( '.vignetteallume' ).removeClass( 'vignetteallume' );
  $(  '#bandeau-un' ).hide();
  $( '#un' ).removeClass( 'selected' );
  $(  '#bandeau-deux' ).hide();
  $( '#deux' ).removeClass( 'selected' );
  $(  '#bandeau-trois' ).hide();
  $( '#trois' ).removeClass( 'selected' );
  $(  '#bandeau-quatre' ).hide();
  $( '#quatre' ).removeClass( 'selected' );
  $(  '#bandeau-cinq' ).hide();
  $( '#cinq' ).removeClass( 'selected' );
  $(  '#bandeau-six' ).hide();
  $( '#six' ).removeClass( 'selected' );
  $(  '#bandeau-sept' ).hide();
  $( '#sept' ).removeClass( 'selected' );
  $(  '#bandeau-huit' ).hide();
  $( '#huit' ).removeClass( 'selected' );
  $( this ).parent().addClass( 'selected' );
  $(  '#bandeau-' + $( this ).attr( 'href' ) ).toggle( 600 );
        $( '#bandeau-' + $( this ).attr( 'href' ) ).jMyCarousel({
          speed : 100
      });
  return false;
 });
};
 
$( document ).ready( bandeauvignettes );
 
/* apparition-disparition des legendes au survol */
 
var legende = function()
{
 var choixlegende = $( 'ul#vignettes li a' );
 
 choixlegende.mouseover( function()
 {
  $(  '.voir' ).hide();
  $(  '#titrebandeau-' + $( this ).attr( 'href' ) ).show();
 
  return false;
 });
 
 
 choixlegende.mouseout( function()
 {
  $(  '#titrebandeau-' + $( this ).attr( 'href' ) ).hide();
  $(  '.voir' ).show();
 
  return false;
 });
 
};
 
$( document ).ready( legende );
 
/* blocage des legendes et apparition-disparition des diaporama */
 
var ouverturediaporama = function()
{
 var choixdiapo = $( 'ul#vignettes li a' );
 
 choixdiapo.click( function()
 {
  $(  '#imageentree' ).hide();
  $( '.vignetteallume' ).removeClass( 'vignetteallume' );
  $(  '.diapo' ).hide();
  $(  '.titrediaporama' ).hide();
  $(  '.titrebandeau' ).hide();
  $( '.titrebandeau' ).removeClass( 'voir' );
  $(  '#titrebandeau-' + $( this ).attr( 'href' ) ).addClass( 'voir' );
  $(  '#titrebandeau-' + $( this ).attr( 'href' ) ).show();
  $( this ).parent().addClass( 'vignetteallume' );
  $(  '#titrediaporama-' + $( this ).attr( 'href' ) ).show( 600 );
  $(  '#diaporama-' + $( this ).attr( 'href' ) ).toggle( 600 );
 
        return false;
 });
};
 
$( document ).ready( ouverturediaporama );
 
Auriez-vous des suggestions ?
Merci d'avance.