Discussion :

[ElisabethB]

Bonjour à tous, voilà j'ai une petite question pour les connaisseurs, j'aimerai que mes galeries d'image s'affichent en background de mon site. Pour cela j'ai utilisé ce script :

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
<script type="text/javascript">
$(function(){
        $.mbBgndGallery.buildGallery({
                containment:"body",
                timer:4000,
                effTimer:2000,
                controls:"#controls",
                grayScale:false,
                // If your server allow directory listing
                folderPath:"elements/",
                // else:
                /*images:[
                 "elements/1.jpg",
                 "elements/2.jpg",
                 "elements/3.jpg",
                 "elements/4.jpg",
                 "elements/5.jpg",
                 "elements/6.jpg",
                 "elements/7.jpg",
                 "elements/8.jpg",
                 "elements/9.jpg",
                 "elements/10.jpg",
                 "elements/11.jpg",
                 "elements/12.jpg"
                 ],*/
 
                onStart:function(){$("#controls .play").hide();$("#controls .pause").show();},
                onPause:function(){$("#controls .play").show();$("#controls .pause").hide();},
                onPlay:function(opt){$("#controls .play").hide();$("#controls .pause").show();},
                onChange:function(idx){}, //idx=the zero based index of the displayed photo
                onNext:function(opt){},   //opt=the options relatives to this component instance
                onPrev:function(opt){}   //opt=the options relatives to this component instance
        });
})
        </script>

(cf demo : http://pupunzi.com/mb.components/mb....demo/demo.html)

Je me dis, jusque là tout fonctionne, c'est vraiment super. Mais (il y a toujours un mais) le soucis c'est que j'aimerai changer de répertoire d'image en cliquant sur un lien pour changer de galerie tout en restant sur cette page. Est-ce possible ou alors je rêve ? Vous l'aurez compris, j'adore créer des sites mais je bidouille, je "codouille". Bref, si vous avez une idée, je suis preneuse. Merci !!

[Walkn]

Hello,

Je ne connais pas ce plugin jQuery mais peut-être qu'en mettant un paramètre pour le folderPath cela pourrait fonctionner mais je ne suis vraiment pas sur.

Quelque chose comme ça :

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
 
<script type="text/javascript">
var myPathFolder = "elements/";
 
function customGallery(the_path){
  $.mbBgndGallery.buildGallery({
                containment:"body",
                timer:4000,
                effTimer:2000,
                controls:"#controls",
                grayScale:false,
                // If your server allow directory listing
                folderPath:the_path,
                // else:
                /*images:[
                 "elements/1.jpg",
                 "elements/2.jpg",
                 "elements/3.jpg",
                 "elements/4.jpg",
                 "elements/5.jpg",
                 "elements/6.jpg",
                 "elements/7.jpg",
                 "elements/8.jpg",
                 "elements/9.jpg",
                 "elements/10.jpg",
                 "elements/11.jpg",
                 "elements/12.jpg"
                 ],*/
 
                onStart:function(){$("#controls .play").hide();$("#controls .pause").show();},
                onPause:function(){$("#controls .play").show();$("#controls .pause").hide();},
                onPlay:function(opt){$("#controls .play").hide();$("#controls .pause").show();},
                onChange:function(idx){}, //idx=the zero based index of the displayed photo
                onNext:function(opt){},   //opt=the options relatives to this component instance
                onPrev:function(opt){}   //opt=the options relatives to this component instance
}
 
$(function(){
      customGallery(myPathForlder);
        });
})
</script>

Ensuite sur un lien du genre :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<a href="#" onClick="changeFolder();">Changer de galerry</a>

Et pour finir dans la fonction changeFolder :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
<script type="text/javascript">
  function changeFolder(){
      var the_new_path = "other_directory/";
      customGallery(the_new_path);
  }
</script>

Cependant je ne sais pas du-tout si cela fonctionne De plus il se peut que cela te charge une seconde gallery

Enfin si cela peux te donner des idées