jQueryのmaximageのcustomBGdizeを使用したいのですが、使い方がわかりません。

maximageのサイトに掲載してあるカスタムサイズとは思うのですが、
使い方がわかりません。
[/maximage/#CustomBGSize]
現状

wordpressでmaximageは動作するようになりました。
ありがとうございました。

理想形

こんな形をつくりたいです。
画像縮める、もしくは加工をして上部分に表示させて、
その下部分にメニューバーやメインコンテンツを表示させたいです。

今のソース

html
1<?php /* Template Name: WP */ wp_footer(); ?>
2  <script>
3    jQuery(function($){
4      $('#maximage').maximage({
5        isBackground: true,
6        slideShow: true,
7        slideShowTitle: false,
8        slideDelay: 1,
9        overflow: 'auto',
10        verticalAlign:'top'
11      });
12    });
13    jQuery(function($){
14      // Trigger maximage
15      $('#maximage').maximage({
16        cssBackgroundSize: false,
17        backgroundSize: function( $item ){
18          // Contain portrait but cover landscape
19          if ($item.data('h') > $item.data('w')) {
20            if ($.Window.data('w') / $.Window.data('h') < $item.data('ar')) {
21              $item
22                .height(($.Window.data('w') / $item.data('ar')).toFixed(0))
23                .width($.Window.data('w'));
24            } else {
25              $item
26                .height($.Window.data('h'))
27                .width(($.Window.data('h') * $item.data('ar')).toFixed(0));
28            }
29          } else {
30            if ($.Window.data('w') / $.Window.data('h') < $item.data('ar')) {
31              $item
32                .height($.Window.data('h'))
33                .width(($.Window.data('h') * $item.data('ar')).toFixed(0));
34            } else {
35              $item
36                .height(($.Window.data('w') / $item.data('ar')).toFixed(0))
37                .width($.Window.data('w'));
38            }
39          }
40        }
41      });
42    });
43  </script>
44  <script>
45    jQuery(function($){
46      $(document).ready(function(){
47        $('.menu').slicknav();
48      });
49    });
50  </script>
51</body>
52</html>