protected function createSliderThumb()
    {
        $skin = self::$navSkins[$this->navSkinId];
        //Set default value for thumb positon becauce not all skins need this value
        $this->data['template'] = $skin['template'];
        if ($skin['position'] === 'bottom') {
            $this->data['thumb']['containerWidth'] = $this->sliderWidth;
            $this->data['thumb']['containerHeight'] = $skin['containerHeight'];
            if ($skin['calcSlide']) {
                $this->data['slideHeight'] = $this->data['slideHeight'] - $skin['containerHeight'];
            }
        } elseif ($skin['position'] === 'left') {
            $this->data['thumb']['containerHeight'] = $this->sliderHeight;
            $this->data['thumb']['containerWidth'] = $skin['containerWidth'];
            $this->data['slideWidth'] = $this->data['slideWidth'] - $skin['containerWidth'];
            $this->data['slidePosition'] = ['top' => 0, 'left' => $skin['containerWidth']];
        } elseif ($skin['position'] === 'right') {
            $this->data['thumb']['containerHeight'] = $this->sliderHeight;
            $this->data['thumb']['containerWidth'] = $skin['containerWidth'];
            $this->data['slideWidth'] = $this->data['slideWidth'] - $skin['containerWidth'];
        }

        $skin['s']['$Class'] = '$JssorThumbnailNavigator$';
        $this->mergeSkinSettings($skin, '$ThumbnailNavigatorOptions');
    }
protected function createSliderThumb()
    {
        $skin = self::$navSkins[$this->navSkinId];
        //Set default value for thumb positon becauce not all skins need this value
        $this->data['template'] = $skin['template'];
        if ($skin['position'] === 'bottom') {
            $this->data['thumb']['containerWidth'] = $this->sliderWidth;
            $this->data['thumb']['containerHeight'] = $skin['containerHeight'];
            if ($skin['calcSlide']) {
                $this->data['slideHeight'] = $this->data['slideHeight'] - $skin['containerHeight'];
            }
        } elseif ($skin['position'] === 'left') {
            $this->data['thumb']['containerHeight'] = $this->sliderHeight;
            $this->data['thumb']['containerWidth'] = $skin['containerWidth'];
            $this->data['slideWidth'] = $this->data['slideWidth'] - $skin['containerWidth'];
            $this->data['slidePosition'] = ['top' => 0, 'left' => $skin['containerWidth']];
        } elseif ($skin['position'] === 'right') {
            $this->data['thumb']['containerHeight'] = $this->sliderHeight;
            $this->data['thumb']['containerWidth'] = $skin['containerWidth'];
            $this->data['slideWidth'] = $this->data['slideWidth'] - $skin['containerWidth'];
        }

        $skin['s']['$Class'] = '$JssorThumbnailNavigator$';
        $this->mergeSkinSettings($skin, '$ThumbnailNavigatorOptions');
    }
protected function createSliderThumb ( ) { $ skin = self :: $ navSkins [ $ this -> navSkinId ] ; //Set default value for thumb positon becauce not all skins need this value $ this -> data [ 'template' ] = $ skin [ 'template' ] ; if ( $ skin [ 'position' ] === 'bottom' ) { $ this -> data [ 'thumb' ] [ 'containerWidth' ] = $ this -> sliderWidth ; $ this -> data [ 'thumb' ] [ 'containerHeight' ] = $ skin [ 'containerHeight' ] ; if ( $ skin [ 'calcSlide' ] ) { $ this -> data [ 'slideHeight' ] = $ this -> data [ 'slideHeight' ] - $ skin [ 'containerHeight' ] ; } } elseif ( $ skin [ 'position' ] === 'left' ) { $ this -> data [ 'thumb' ] [ 'containerHeight' ] = $ this -> sliderHeight ; $ this -> data [ 'thumb' ] [ 'containerWidth' ] = $ skin [ 'containerWidth' ] ; $ this -> data [ 'slideWidth' ] = $ this -> data [ 'slideWidth' ] - $ skin [ 'containerWidth' ] ; $ this -> data [ 'slidePosition' ] = [ 'top' => 0 , 'left' => $ skin [ 'containerWidth' ] ] ; } elseif ( $ skin [ 'position' ] === 'right' ) { $ this -> data [ 'thumb' ] [ 'containerHeight' ] = $ this -> sliderHeight ; $ this -> data [ 'thumb' ] [ 'containerWidth' ] = $ skin [ 'containerWidth' ] ; $ this -> data [ 'slideWidth' ] = $ this -> data [ 'slideWidth' ] - $ skin [ 'containerWidth' ] ; } $ skin [ 's' ] [ '$Class' ] = '$JssorThumbnailNavigator$' ; $ this -> mergeSkinSettings ( $ skin , '$ThumbnailNavigatorOptions' ) ; }
Slider Thumb settings
Slider Thumb settings