title: mbBgndGallery - jquery gallery
body: <p>Hello and thanks for reading.</p>
  
  <p>Currently I am working on a project that has "mbBgndGallery" as a gallery plugin for background animation.</p>
  
  <p>It works perfectly with images but I need to load text as well.</p>
  
  <p>This is URL of plugin and the solution author provides to use text:
  <a href="http://pupunzi.open-lab.com/mb-jquery-components/jquery-mb-bgndgallery/comment-page-6/#comments" rel="nofollow">http://pupunzi.open-lab.com/mb-jquery-components/jquery-mb-bgndgallery/comment-page-6/#comments</a></p>
  
  <p>Actually I a really close to resolving it but for now I have following init:</p>
  
  <pre><code>if(slider_options.fx == 'zoom')
  
              {
  var caption=["11111111",
  "22222222",
  "33333333",
  "444444444",
  "55555555555"
  ];
  
                  //BG SLIDESHOW WITH ZOOM EFFECT
                  $.mbBgndGallery.buildGallery({
                      containment:"body",
                      timer:14000,
                      effTimer:14000,
                      controls:false, //updated in v1.1
                      grayScale:false,
                      shuffle:false,
                      preserveWidth:false,
                      preserveTop: true,
                      effect: slider_options.fx,
                      //effect:{enter:{transform:"scale("+(1+ Math.random()*2)+")",opacity:0},exit:{transform:"scale("+(Math.random()*2)+")",opacity:0}},
  
                      // If your server allow directory listing you can use:
                      // (however this doesn't work locally on your computer)
  
                      folderPath:false,
  
                      // else:
  
                       images: slider_options.slides,
  
                      onStart:function(){},
                      onPause:function(){},
                      onPlay:function(opt){},
                      onChange:function(idx){
  if(caption[idx])
  $("#desc").fadeOut(function(){$("#desc").html(caption[idx]).fadeIn()});
  else
  $("#desc").fadeOut();
  },
                      onNext:function(opt){},
                      onPrev:function(opt){}
                  });
              }
  </code></pre>
  
  <p>Images do rotate properly but the div I need to load content just fade out -</p>
  
  <pre><code>#desc
  </code></pre>
  
  <p>May be someone will notice the stuff I am missing - just do not know how to deal with it.</p>
  
  <p>Thank you</p>