IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

jQuery Discussion :

Carousel qui ne fonctionne pas sous IE


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Profil pro
    Inscrit en
    Janvier 2004
    Messages
    488
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2004
    Messages : 488
    Par défaut Carousel qui ne fonctionne pas sous IE
    Bonjour à tous!

    Voilà mon problème, j'ai une carousel qui fonctionne parfaitement sous FF, Safari et chrome mais pas du tout sous IE (IE7 + IE8)

    Voici le code JS:

    Code :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    /* Initialisation du carousel 3D */
    $(document).ready(function(){
    	// This initialises carousels on the container elements specified, in this case, carousel1.
    	$("#carousel1").CloudCarousel(
    	{
    		xPos: 200,
    		yPos: 30,
    		buttonLeft: $('#but3'),
    		buttonRight: $('#but4'),
    		altBox: $("#alt-text"),
    		titleBox: $("#title-text"),
    		FPS:30,
    		autoRotate: 'left',
    		autoRotateDelay: 3000,
    		speed:0.15,
    		mouseWheel:true,
    		minScale:0.25,
    		reflHeight:50,
    		yRadius:80
    	});
    });
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    (function($) {
     
    var types = ['DOMMouseScroll', 'mousewheel'];
     
    $.event.special.mousewheel = {
    	setup: function() {
    		if ( this.addEventListener )
    			for ( var i=types.length; i; )
    				this.addEventListener( types[--i], handler, false );
    		else
    			this.onmousewheel = handler;
    	},
     
    	teardown: function() {
    		if ( this.removeEventListener )
    			for ( var i=types.length; i; )
    				this.removeEventListener( types[--i], handler, false );
    		else
    			this.onmousewheel = null;
    	}
    };
     
    $.fn.extend({
    	mousewheel: function(fn) {
    		return fn ? this.bind("mousewheel", fn) : this.trigger("mousewheel");
    	},
     
    	unmousewheel: function(fn) {
    		return this.unbind("mousewheel", fn);
    	}
    });
     
     
    function handler(event) {
    	var args = [].slice.call( arguments, 1 ), delta = 0, returnValue = true;
     
    	event = $.event.fix(event || window.event);
    	event.type = "mousewheel";
     
    	if ( event.wheelDelta ) delta = event.wheelDelta/120;
    	if ( event.detail     ) delta = -event.detail/3;
     
    	// Add events and delta to the front of the arguments
    	args.unshift(event, delta);
     
    	return $.event.handle.apply(this, args);
    }
     
    })(jQuery);
    J'utilise le JS de ce carousel:
    http://www.professorcloud.com/mainsite/carousel.htm

    N'étant pas assez expérimenté en JS, voyez-vous ce qui ne passe pas sous IE?

    Merci!

  2. #2
    Membre éclairé Avatar de llaffont
    Homme Profil pro
    Administrateur systèmes et réseaux
    Inscrit en
    Juin 2007
    Messages
    702
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 47
    Localisation : France, Loire (Rhône Alpes)

    Informations professionnelles :
    Activité : Administrateur systèmes et réseaux
    Secteur : Communication - Médias

    Informations forums :
    Inscription : Juin 2007
    Messages : 702
    Par défaut
    As tu un flag d'erreur sur IE ?

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
     
    (function($) {
     
    var types = ['DOMMouseScroll', 'mousewheel'];
     
    $.event.special.mousewheel = {
    	setup: function() {
    		if ( this.addEventListener )
    			for ( var i=types.length; i; )
    				this.addEventListener( types[--i], handler, false );
    		else
    			this.onmousewheel = handler;
    	},
     
    	teardown: function() {
    		if ( this.removeEventListener )
    			for ( var i=types.length; i; )
    				this.removeEventListener( types[--i], handler, false );
    		else
    			this.onmousewheel = null;
    	}
    };
     
    $.fn.extend({
    	mousewheel: function(fn) {
    		return fn ? this.bind("mousewheel", fn) : this.trigger("mousewheel");
    	},
     
    	unmousewheel: function(fn) {
    		return this.unbind("mousewheel", fn);
    	}
    });
     
     
    function handler(event) {
    	var args = [].slice.call( arguments, 1 ), delta = 0, returnValue = true;
     
    	event = $.event.fix(event || window.event);
    	event.type = "mousewheel";
     
    	if ( event.wheelDelta ) delta = event.wheelDelta/120;
    	if ( event.detail     ) delta = -event.detail/3;
     
    	// Add events and delta to the front of the arguments
    	args.unshift(event, delta);
     
    	return $.event.handle.apply(this, args);
    }
     
    })(jQuery);
    Cette partie là n'est pas de toi ?

  3. #3
    Membre éclairé
    Profil pro
    Inscrit en
    Janvier 2004
    Messages
    488
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2004
    Messages : 488
    Par défaut
    oui j'ai 2 erreurs js sous IE mais comme j'ai très peu de notion en js, je n'arrive pas à les corriger. Je précise tout de même que les erreurs sont sur d'autres js pas ceux du carousel.

    Non ce n'est pas mon code: j'utilise le code de ce carousel:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    http://www.professorcloud.com/mainsite/carousel.htm

  4. #4
    Membre éclairé Avatar de llaffont
    Homme Profil pro
    Administrateur systèmes et réseaux
    Inscrit en
    Juin 2007
    Messages
    702
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 47
    Localisation : France, Loire (Rhône Alpes)

    Informations professionnelles :
    Activité : Administrateur systèmes et réseaux
    Secteur : Communication - Médias

    Informations forums :
    Inscription : Juin 2007
    Messages : 702
    Par défaut
    le petit bout de code
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    (function($) {[...]
    })(jQuery);
    est un plugin Jquery et doit être dans un fichier JS et attaché à ta page comme ceci.
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    <script type="text/JavaScript" src="cloud-carousel.1.0.4.min.js"></script>
    Montre nous ton code HTML ou sert toi de mon exemple pour le mettre à jour.
    Car chez moi tes paramètres fonctionnent.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
     
     
    <html>
    <head>
     
    <!-- You can load the jQuery library from the Google Content Network.
    Probably better than from your own server. -->
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
     
    <!-- Load the CloudCarousel JavaScript file -->
    <script type="text/JavaScript" src="cloud-carousel.1.0.4.min.js"></script>
     
    <script>
    $(document).ready(function(){
     
    	// This initialises carousels on the container elements specified, in this case, carousel1.
    	$("#carousel1").CloudCarousel(		
    		{			
    		xPos: 200,
    		yPos: 30,
    		buttonLeft: $('#but3'),
    		buttonRight: $('#but4'),
    		altBox: $("#alt-text"),
    		titleBox: $("#title-text"),
    		FPS:30,
    		autoRotate: 'left',
    		autoRotateDelay: 3000,
    		speed:0.15,
    		mouseWheel:true,
    		minScale:0.25,
    		reflHeight:50,
    		yRadius:80
     
    		}
    	);
    });
     
    </script>
     
    </head>
        <body>
        	<!-- This is the container for the carousel. -->
            <div id = "carousel1" style="width:400; height:200;background:#000;overflow:scroll;">            
                <!-- All images with class of "cloudcarousel" will be turned into carousel items -->
                <!-- You can place links around these images -->
                <img class = "cloudcarousel" src="1.png" alt="Flag 1 Description" title="Flag 1 Title" />
                <img class = "cloudcarousel" src="2.png" alt="Flag 2 Description" title="Flag 2 Title" />
                <img class = "cloudcarousel" src="3.png" alt="Flag 3 Description" title="Flag 3 Title" />
                <img class = "cloudcarousel" src="4.png" alt="Flag 4 Description" title="Flag 4 Title" />
            </div>
        </body>
    </html>

  5. #5
    Membre éclairé
    Profil pro
    Inscrit en
    Janvier 2004
    Messages
    488
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2004
    Messages : 488
    Par défaut
    J'ai la même chose que vous.
    Mais ça ne fonctionne pas sous IE.

    Mon code html est bien trop long pour que je puisse vous le transmettre ici et ma page n'est pas en ligne, vu qu'elle ne fonctionne pas.

    Je suis prête a mettre en ligne ma page qqs temps si vous voulez ou vous envoyer par mail le code html de ma page.

    Merci d'avance pour votre réponse

  6. #6
    Membre éclairé Avatar de llaffont
    Homme Profil pro
    Administrateur systèmes et réseaux
    Inscrit en
    Juin 2007
    Messages
    702
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 47
    Localisation : France, Loire (Rhône Alpes)

    Informations professionnelles :
    Activité : Administrateur systèmes et réseaux
    Secteur : Communication - Médias

    Informations forums :
    Inscription : Juin 2007
    Messages : 702
    Par défaut
    Il est possible d'ajouter des pièces jointes donc si tu veux partager tes sources via un ZIP (épuré) afin que l'on regarde ça no problem.

    Sinon par moment il faut savoir casser un peu son code afin de trouver la section qui coince. J'entends par là que tu devrais essayer de faire une page de test contenant seulement la fonction cloud-carousel si tu pense que cela vient de là.

    Car mon exemple précédent fonctionne aussi bien sur IE que FF.

    Un autre conseil le flag que tu obtiens en bas sous IE. En double-cliquant dessus tu obtiens une position concernant l'erreur (ligne 84 caractère 9854). Cette position correspond au code source exploité par la page. Code que tu peux consulter par un clique-droit sur la page "Afficher la source".

    Si tu connaissais cette méthode désolé de la redonner mais je ne connais pas ton niveau

    La plus part du temps les scripts qui fonctionne sous FF et pas sous IE son dû à une tournure, à une virgule oublié, un truc insignifiant...

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [SVG] SVG qui ne fonctionne pas sous IE
    Par bilou972 dans le forum Autres langages pour le Web
    Réponses: 2
    Dernier message: 08/08/2007, 17h27
  2. [Javascript] Fonction qui ne fonctionne pas sous Opera et Safari
    Par frechy dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 20/02/2007, 10h04
  3. css : hover qui ne fonctionne pas sous IE
    Par HwRZxLc4 dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 11/09/2006, 14h52
  4. Evenement OnClick qui ne fonctionne pas sous firefox
    Par frechy dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 27/12/2005, 16h06
  5. [CSS] Effet de hover qui ne fonctionne pas sous IE
    Par Ricou13 dans le forum Mise en page CSS
    Réponses: 6
    Dernier message: 14/06/2005, 09h39

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo