Problème d'intégration des fichiers .js pour lightbox avec les précédents

Question

Je suis vraiment en train de tout chambouler, quelqu'un pourrait-il m'aider ici, s'il vous plait.

Qu'est-ce que je fais? -> J'ai développé une application dans laquelle j'ai besoin d'un effet lightbox (superposition), c'est-à-dire quand l'utilisateur entre son nom et clique sur le bouton, il va lui montrer une lightbox (lui disant simplement que le processus est en cours.), il peut alors fermer la boîte (parce que le processus peut prendre 5 minutes s'il est un gros utilisateur.)

Qu'est-ce que j'ai fait? -> Il y a 2-3 fichiers .js précédents inclus dans mon home.php, et quand j'implémente ces fichiers .js de lightbox, ça ne marche pas pour lightbox: Voici mon code dans home.php: /ceci est un fichier css global

< link rel = "stylesheet" href = "style.css" type = "text/css" />

// ceci est pour lightbox

<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> 

// css pour l'effet lightbox

<link rel="stylesheet" href="lightbox.css" type="text/css" media="screen" /> 

// ceci est jquerylibrary

<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script> 

// ceci est pour le script ajax

<script type="text/javascript" language="javascript" src="ajax_navigation.js"> 
</script> 

// ceci est swfobject.js pour piechart

<script type="text/javascript" src="js/swfobject.js"></script> 

<script type="text/javascript"> 
    function senddata(){ 

     //here is some code for piechart 
    } 

$(document).ready(function(){ 
    $.get('/get_home_data.php', function(data){ 
     $('#get_data').html(data); 
    }); 

    $("#btn_submit").bind('click', function(){ 

     if($('#tnm').val() != ''){ 

     $('#loadimg').html('<img src="images/ajax-loader(3).gif">'); 
      $('#lightbox').html('<img src="images/image-1.jpg" rel="lightbox" title="my caption">'); 
      $('#loadimg').show(); 
      $('#lightbox').show();  
      $.get('/userinfo.php?tnm='+$('#tnm').val(), '', function(data){ 
        $('#get_data').html(data); 
        $('#lightbox').hide(); 
    $('#loadimg').hide(); 
    }); 
     } 
}); 

    $('#tnm').bind('keyup', function(e){ 
     if(e.keyCode == 13) { 
      $("#btn_submit").trigger('click'); 
     } 
    }); 
}); 
</script> 

cela est si loin (désolé d'être long), tous les div id sont appelés correctement dans le corps.

Maintenant je fais face? -> J'ai inclus ces trois fichiers .js pour la lightbox ci-dessus, mais sans obtenir l'effet, quand je mets ces fichiers .js enfin, il n'appelle pas get_home_data.php et désactive l'événement click, mais donne l'effet lightbox. Je peux comprendre que le mettre enfin n'exécute pas la partie jquery ci-dessus.

Je me bats vraiment dur pour y arriver et j'ai atteint jusqu'à ce que, mon application entière est prête juste sans cette visionneuse.

J'apprécierai vraiment votre aide les gars. (et fournira avec plaisir plus de détails si nécessaire.)

Merci d'avance.

Answer 1

Avez-vous les images (avec rel="lightbox") déjà dans votre page ou vous ne faites que les additionner en utilisant la pièce jquery? À mon avis l'initialisation de lightbox a besoin que les images soient déjà dans la page. Quelle implémentation de lightbox utilisez-vous? Ce one?

Si c'est le cas, essayez d'appeler initLightbox(); après vos instructions de code jquery (après l'instruction qui charge les images).