title: SlidesJS setting the height of slidesjs-container to the height of the slide?
body: <p>I am using SlidesJS for a slider on my website. I am wanting to make the height and width of each slide match the height and width of the current image. For this, I need to make the elements <code>slidesjs-container</code> and <code>slidesjs-control</code> pull the height of the current image in the slider. I've managed to get the images within the slides to adjust height/width automatically based on the dimension of the actual file, but now I have a lot of white space beneath my slider and the next content section because the container is still pulling the height from the element that contains the slider.</p>
  
  <p>Can anyone help me figure out how to set the height of slidesjs-container and slidesjs-control to match the height of the current image?</p>
  
  <p>Here's the javascript which sets the height of the container/control elements:</p>
  
  <pre><code>Plugin.prototype.update = function() {
        var $element, height, width;
        $element = $(this.element);
        this.data = $.data(this);
        $(".slidesjs-control", $element).children(":not(:eq(" + this.data.current + "))").css({
          display: "none",
          left: 0,
          zIndex: 0
        });
        width = $element.width();
        height = (this.options.height / this.options.width) * width;
        this.options.width = width;
        this.options.height = height;
        return $(".slidesjs-control, .slidesjs-container", $element).css({
          width: width,
          height: height
        });
      };
  </code></pre>