18041 sujets

Questions générales et questions de débutants

(résolu) Surement un conflit jQuery mais je ne m'en sors pas...

Bonjour,


J'ai un problème avec une page sur laquelle j'ai un slider (nivoSlider), un menu et des images appelant Lightbox2 aussi en jQuery.

Je n'arrive pas à avoir l'affichage de la lightbox correctement (ca s'ouvre dans une nouvelle fenetre).

Une autre page, sans lightbox, fonctionne parfaitement.

J'ai compris qu'il y avait un conflit de jQuery puisque j'appelle la derniere version et jquery-1.6.1-min...

J'ai essayé de remplacer tous les "$" dans les scripts par "jQuery" ou "jQuery.noConflict", ca ne fonctionne pas.

J'ai aussi essayé de supprimer l'une ou l'autre des 2 lignes :
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> 
<script type="text/javascript" src="JS/jquery-1.6.1.min.js"></script>


idem...


Merci d'avance pour votre aide,

<!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">
    
    <head>
      
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <title>Team 4 Racing</title>
                
        <link rel="stylesheet" type="text/css" media="all" href="CSS/960.css" />
        <link rel="stylesheet" type="text/css" media="all" href="CSS/reset.css" />
        <link rel="stylesheet" type="text/css" media="all" href="CSS/style.css" />
        <link rel="stylesheet" type="text/css" media="screen" href="CSS/nivo-slider.css" />
        <link rel="stylesheet" type="text/css" media="screen" href="themes/default/default.css"/>
        <link rel="stylesheet" type="text/css" media="screen" href="CSS/lightbox.css" />
            
        <script type="text/javascript" src="JS/prototype.js"></script>
        <script type="text/javascript" src="JS/scriptaculous.js?load=effects,builder"></script>
        <script type="text/javascript" src="JS/lightbox.js"></script>
        
        <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> 
        <script type="text/javascript"> 
            $(document).ready(function(){

            $("ul.subnav").parent().append("<span></span>"); //Only shows drop down trigger when js is enabled - Adds empty span tag after ul.subnav

            $("ul.topnav li span").click(function() { //When trigger is clicked...
		
		//Following events are applied to the subnav itself (moving subnav up and down)
		$(this).parent().find("ul.subnav").slideDown('fast').show(); //Drop down the subnav on click
		$(this).parent().hover(function() {
		}, function(){	
			$(this).parent().find("ul.subnav").slideUp('slow'); //When the mouse hovers out of the subnav, move it back up
		});
		//Following events are applied to the trigger (Hover events for the trigger)
		}).hover(function() { 
			$(this).addClass("subhover"); //On hover over, add class "subhover"
		}, function(){	//On Hover Out
			$(this).removeClass("subhover"); //On hover out, remove class "subhover"
                });
            });
        </script>
                
        <script type="text/javascript" src="JS/jquery-1.6.1.min.js"></script>
        <script type="text/javascript" src="JS/jquery.nivo.slider.pack.js"></script>
        <script type="text/javascript">
                $(window).load(function() {
                   $('#slider').nivoSlider({
                    effect:'fade', // Specify sets like: 'fold,fade,sliceDown'
                    slices:15, // For slice animations
                    animSpeed:500, // Slide transition speed
                    pauseTime:3000, // How long each slide will show
                    directionNav:true, // Next and Prev navigation
                    directionNavHide:true, // Only show on hover
                    controlNav:true, // 1,2,3... navigation
                    keyboardNav:true, // Use left and right arrows
                    pauseOnHover:true, // Stop animation while hovering
                    manualAdvance:false, // Force manual transitions
                    captionOpacity:0.8, // Universal caption opacity
                    prevText: 'Prec', // Prev directionNav text
                    nextText: 'Suiv' // Next directionNav text
                    });
                });
        </script>
     
    </head>

Modifié par dionaea (06 Sep 2011 - 19:48)
Ok, je suis un boulet et pas programmeur, donc j'avais pas fait gaffe qu'il fallait remplacer par "jQuery.noConflict()" AVEC les parenthèses.

J'ai aussi supprimé l'appel à jQuery le plus ancien et ca fonctionne...
Sujet clos
Aller à