jQuery等を使用した既存のコードの改造をして頂きたいです

https://coco-factory.jp/ugokuweb/move01/6-2-2/ https://coco-factory.jp/ugokuweb/move01/6-2-6/ 1つ目のURLの「ギャラリー-カテゴリ別に画像を並び替える-※以下「6-2-2」」と 2つ目のURLの「ギャラリー-サムネイルをクリックするとグループ化された画像一覧を表示する-※以下「6-2-6」」 を組み合わせたコード（html,css,javascriptの3ファイル）を作成して頂きたいです。 具体的に言いますと、6-2-2のMuuriというライブラリを使用したカテゴリ別表示機能付きの画像一覧画面をスタート画面とし、画像を一つクリックすると、6-2-2本来のfancyboxを使用した単純な1画像の拡大表示ではなく、代わりに6-2-6のlightbox2を使用した画像複数表示機能が動作するといったものです。 上のサイトのものを組み合わせてと申しましたが、同じような挙動をするのであれば、他のやり方でも問題ございません。 使用するライブラリは全て無料のものが希望です。 また、以下の質問に簡単で良いのでお答えいただきたいです。 ・こちらの機能を使って1ページにどれくらいの量の画像を使用するのが適切か？ ・画像の量が多すぎた場合の代替案はどのようなものがあるのか？ よろしくお願いいたします。