[AJAX] Script Javascript Galleria + Raffraichissement zone en Ajax
Bonjour à toutes et à tous, :D
Ayant parcouru et re-parcouru mes sources, je ne parviens pas à résoudre le problème que je rencontre. :(
Je suis en train de réaliser un projet que j'ai depuis quelques temps déjà. Pour cela, je combine l'utilisation d'Ajax pour le raffraichissement du contenu et le script Galleria pour mettre en place une galerie photo souple.
Le raffraichissement du contenu via le menu fonctionne correctement en AJAX. Là dessus, je n'ai rencontré aucun soucis. En revanche, la galerie photo ne s'affiche plus sous forme de miniatures mais les photos s'affichent normalement.
Pour charger le fichier, j'utilise XHRConnection.
Existe-t-il une incompatibilité entre l'utilisation des deux technologies (Ajax et JS) ? Cela me parait étrange malgré tout.
Par contre, le comble, c'est que lorsque je vais sur la page en chemin absolu (via url), la galerie fonctionne comme il se doit.
J'avoue être perdu. :cry:
Quelqu'un a-t-il déjà été confronté à ce genre de soucis ?
Merci,
Laurent.
J'utilise Galleria telle qu'elle est http://galleria.aino.se/download/
Fonction ajoutée à la fin du JS
Code:
1
2
3
4
5
6
7
| function chargeFichier(nb) {
var XHR = new XHRConnection();
XHR.setRefreshArea('corps');
if(nb==1){XHR.sendAndLoad("accueil.php", "GET");}
if(nb==2){XHR.sendAndLoad("galerie.php", "GET");}
if(nb==3){XHR.sendAndLoad("cv.php", "GET");}
return true; |
Et voici le code du fichier galerie.php
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
| <html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
<script src="galerie/galleria-1.2.5.min.js"></script>
</head>
<body>
<div class="entete-rub"><span class="entete-rub-lettrine">G</span>alerie</div>
<div id="gallery">
<img src="galerie/photo1.jpg">
<img src="galerie/photo2.jpg">
<img src="galerie/photo3.jpg">
</div>
<script>
Galleria.loadTheme('galerie/themes/classic/galleria.classic.min.js');
$("#gallery").galleria({
width: 500,
height: 500
});
</script>
</body>
</html> |
