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 :

Conflit entre deux plugin jQuery, ou pas.


Sujet :

jQuery

  1. #1
    Membre averti
    Homme Profil pro
    Technicien Help Desk
    Inscrit en
    Mai 2018
    Messages
    17
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 33
    Localisation : France, Hérault (Languedoc Roussillon)

    Informations professionnelles :
    Activité : Technicien Help Desk

    Informations forums :
    Inscription : Mai 2018
    Messages : 17
    Par défaut Conflit entre deux plugin jQuery, ou pas.
    Bonjour à tous,

    J'aimerai utiliser le plugin zoombox pour ma galerie de photo, ainsi qu'un plugin de pagination ( que j'ai adapté à mes besoins) :

    http://grafikart.github.io/Zoombox/howto.html

    https://esimakin.github.io/twbs-pagination/

    Cependant, depuis que j'ai intégré le script de pagination, mon script zoombox ne fonctionne plus



    voici mes codes :

    Page principale
    Code html : 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
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    <head>
         <title>Y.GUIDI Portfolio</title>
         <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
         <link rel="stylesheet" href="style.css" />
     
         <script type="text/javascript" src="zoombox/zoombox.js"></script>
         <script type="text/javascript" src="zoombox/jquery.min.js"></script>
         <link href="zoombox/zoombox.css" rel="stylesheet" type="text/css" media="screen" />
     
                <script type="text/javascript">
                jQuery(function($){
                  $('a.zoombox').zoombox({
                    gallery : false,
                  });
                });
                </script>
     
        <script src="js/jquery.min.js"></script>
        <script src="js/jquery.twbsPagination.min.js"></script>
     
    </head>
     
    <?php
      try
                {
                  $bdd = new PDO('mysql:host=localhost;dbname=mes_images;charset=utf8', 'root', '');
                }
                catch(Exception $e)
                {
                        die('Erreur : '.$e->getMessage());
                }
     
                // $total = $bdd->query('SELECT count(*) FROM gallery');
     
                $sql = "SELECT count(*) FROM `gallery`";
                $result = $bdd->prepare($sql);
                $result->execute();
                $number_of_rows = $result->fetchColumn();
                 
                $result->closeCursor();
     
                $pagefloat= $number_of_rows/15;
                $nombre_pages=ceil($pagefloat);
    ?>
     
      <body>
     
        <div id="bloc_page">
     
          <?php include("header.php"); ?>           
     
             <div id="contenu_site">
     
                     <script>
                      $('#bloc_page').twbsPagination
                        ({
                          totalPages: parseInt('<?php echo $nombre_pages; ?>') ,
                          visiblePages: parseInt('<?php echo $nombre_pages; ?>') ,
                          next: 'Next',
                          prev: 'Prev',
                          onPageClick: function(event, page)
                          {
                          var param = 'l=' +page;
                          //fetch content and render here
                          $('#contenu_site').load('affichegal.php', param);
                          }
                        });
                     </script>
              </div>
     
          <?php include("footer.php"); ?>
     
        </div> 
      </body>
    </html>


    Page qui va récupérer les images dans une BDD pour les inclure dans une balise <figure>
    Code html : 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
    <div id="menu_galerie">
        <?php
          try
            {
              $bdd = new PDO('mysql:host=localhost;dbname=mes_images;charset=utf8', 'root', '');
            }
            catch(Exception $e)
            {
                    die('Erreur : '.$e->getMessage());
            }
              
          $nb_affichage_par_page=15;
     
          $l=$_GET['l'];
          $j=$l-1;
          $x=$j*$nb_affichage_par_page;
            // on exécute la requête
          $req = $bdd->query('SELECT adresse, datelieu, imgtitle FROM gallery ORDER BY ID DESC LIMIT '.$x.','.$nb_affichage_par_page) or die('Erreur SQL !<br />'.$sql.'<br />'.mysql_error());
     
          // on va scanner tous les tuples un par un et on affiche les images
          while ($data = $req->fetch())
            {
        ?>
              <figure>
     
                <a class="zoombox zgallery1" href='<?php echo htmlspecialchars($data['adresse']); ?>'>
                  <img src="<?php echo htmlspecialchars($data['adresse']); ?>" alt="<?php htmlspecialchars($data['imgtitle']); ?>">
                  <figcaption>
                    <?php echo htmlspecialchars($data['imgtitle']); ?> <br />
                    <em><?php echo htmlspecialchars($data['datelieu']); ?></em>
                  </figcaption>
                </a>
     
              </figure>
     
        <?php
            }
                  // on libère l'espace mémoire alloué pour cette requête
          $req->closeCursor();
        ?>
    </div>

    J'essaye de charger jquery.min.js deux fois (deux dossiers différents) pour deux versions différentes de jQuery. Je pensais que c'était le problème, j'ai alors laissé uniquement le plus récent, mais ça ne change rien ...

    Ou alors il faut charger le script "zoombox" uniquement quand les images de la BDD sont chargé ? Comment faire ?

    Bref, auriez vous une idée du problème ?

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 658
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 658
    Billets dans le blog
    1
    Par défaut
    Regarde du coté de noConflict()
    avec la syntaxe

    ce qui te permettra d'utiliser d'utiliser $J1 pour le plugin qui pose souci de conflit ...
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

Discussions similaires

  1. conflit entre deux scripts JQuery
    Par thrustmaster dans le forum jQuery
    Réponses: 2
    Dernier message: 01/08/2012, 09h27
  2. Pourquoi y a t il un conflit entre deux appel jquery
    Par pierrot10 dans le forum jQuery
    Réponses: 5
    Dernier message: 31/10/2011, 23h11
  3. Synchronisation entre deux plugins jquery
    Par stux001 dans le forum jQuery
    Réponses: 1
    Dernier message: 10/07/2011, 13h14
  4. Conflit entre deux scripts jquery imbriqués
    Par silgan dans le forum jQuery
    Réponses: 2
    Dernier message: 17/12/2010, 10h41
  5. Conflit entre 2 plugin jQuery
    Par designrf dans le forum jQuery
    Réponses: 2
    Dernier message: 16/07/2010, 10h37

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