0

im using fancybox from:

http://fancyapps.com/fancybox/

And the scroll pane is not working correctly and just wondered if im doing something wrong below with the code. its added the pane in but not the scrollbar its self so im asusming needs to fire after fancybox but might be wrong with what i have done below

var scrollpane;    
$(document).ready(function() {      
    // start up the overlay
    $("a#addtatic-overlay").fancybox({
        helpers:  {
            overlay : {
                opacity: 0.35   
            }
        },
        'afterLoad' : (function(){
            //custom scroll bar
            scrollpane = $('.scroll-pane').jScrollPane();
        }),
        'afterClose' : (function(){
            scrollpane.destroy();
        })
    });

    // Slider
    $("#slidecontainer").muslider({
        "animationtype": "horizontal",
        "animationduration": 600,
        "height": 500,
        "width": 835
    });

    // Forms
    $("input, textarea, select").uniform();
});
James Brandon
  • 1,350
  • 3
  • 16
  • 43

1 Answers1

0

What exactly is happening when you start fancybox? Is #slidecontainer showing up at all? If not maybe look here:

http://fancybox.net/howto

inline example:


&lta id="inline" href="#data"&gtThis shows content of element who has id="data"&lt/a&gt

&ltdiv style="display:none"&gt&ltdiv id="data">Lorem ipsum dolor sit amet, consectetur adipiscing elit.&lt/div&gt&lt/div&gt
rai
  • 68
  • 3
  • if i take it out of the fancybox works fine and shows the scroller, when in the fancybox its adding in the jscrollpane html as expected apart from the actual scroller html it normal generates - i.e its missing the div jspVerticalBar and div jspTrack its strange – James Brandon Jun 09 '12 at 11:13