土屋鞄のサイトみたいにインスタグラムの投稿内容をサイト内でSlickで両端をチラ見せして、スマホ時とPC時で表示を切り分けたいとき

タイトルのまんまです笑。

土屋鞄製造所 — 上質な革で仕立てる、日本製の鞄

鞄職人の確かな手仕事で仕立てる、上質なレザーアイテム

tsuchiya-kaban.jp

上記サイトの、インスタグラムの部分みたいな実装が出来ます。
（土屋鞄さんとは、実際の実装方法は異なりますが！！）

やりたいこととしては
・インスタの投稿内容を呼び出したい
・投稿内容をスライダーで表示したい
・両端をチラ見せしたい
・PCからの表示は5枚、スマホからは3枚表示させたい
・PCの時は、オンマウス時にコメントを表示したい
といったところです。

ネックになる部分は
・instaのリスト部分が動的DOMなので、後からslickを走らせないと動かない
・スマホ時とPC時で、slickのslidesToShowを切り分けたい
ってところでしょうか。

インスタグラムの呼び出し方法、新APIの取得方法は

新Instagram Graph APIを使ってWEBサイトに画像を呼び出す方法（画像・動画対応）

みなさん、インスタグラム使ってますか？ 最近の依頼で多いのが 「WEBサイトにインスタグラムの画像を取り込みた…

mako110.com

上記などをご確認ください。
インスタグラムの呼び出しは出来ている前提で、下記をお試しください～

See the Pen
GRJKGbp by 伊藤 慎 (@mako110)
on CodePen.

slick.jsとcssは読み込んでおいてくださいね。

それでは。