featherlightで「前へ」ボタンを特定のときに非表示にする方法

Question

お世話になります。
現在実装中のサイトでlightboxを作るにあたり、featherlightというjQueryを導入しています。
https://github.com/noelboss/featherlight/
画像を表示させることはできたのですが、任意の画像のみ「前へ」「次へ」を出さないようにしたいです。
特定の動作をしたときのみaddclassでdisplay:noneにしたいと思っているのですが、jsでの動きが良く分からず難航しています。

jQueryの中のおそらくここのあたりでprev,nextボタンの表示・非表示をしているとは思うのですがそれもあいまいです。

				var index = this.currentNavigation();
				var len = this.slides().length;
				this.$instance
					.toggleClass(this.namespace+'-first-slide', index === 0)
					.toggleClass(this.namespace+'-last-slide', index === len - 1);
				return _super(event);
			},
			onKeyUp: function(_super, event){
				var dir = {
					37: 'previous', /* Left arrow */
					39: 'next'			/* Rigth arrow */
				}[event.keyCode];
				if(dir) {
					this.$instance.trigger(dir);
					return false;
				} else {
					return _super(event);
				}
			}
		};

	function FeatherlightGallery($source, config) {
		if(this instanceof FeatherlightGallery) {  /* called with new */
			$.featherlight.apply(this, arguments);
			this.chainCallbacks(callbackChain);
		} else {
			var flg = new FeatherlightGallery($.extend({$source: $source, $currentTarget: $source.first()}, config));
			flg.open();
			return flg;
		}
	}

.featherlight-last-slide .featherlight-next,
.featherlight-first-slide .featherlight-previous {
	display: none;
}

    <ul class="list">
        <li class="newsflex" data-category="aaa"><img src="../img/top/aaa.png"><a class="gallery" href="#aaa01">aaa01</a></li>
～～～
    <div class="aaa_gallary" id="aaa01">
        <p>aaa</p>
    </div>  

どうやってaddclassを行うか、またはjQuery中に書きこむかご教示いただければ幸いです。
不足等あればご質問いただければと存じます。
よろしくお願い致します。

Answer 1

galleryを二つ用意し、display:noneで切り替えを行うことにしました。