1枚の画像を開くときに一連の画像を表示するようにPretty Photo Jを作成することはできますか？

Question

グラフィックデザインの作品を表示するために私のポートフォリオのウェブページを作りたいと思います。各作品には、カバー画像と2つ以上のプロジェクト画像が表示されます。

このように、カバーイメージをクリックした後にスライド内のすべてのプロジェクトイメージを表示するようにPrettyPhoto Jsをカスタマイズする方法はありますか？

私は参考としてImageを添付しました。事前

Answer 1

で

おかげであなたはグループ彼らは関係の属性を使用しなければなりません。 rel = "prettyPhoto [1]でrel =" prettyPhoto [2] "の最初の2つのアイテムをどのようにグループ化したかを下の例で見てください。

<li class="col-sm-4" data-filter=".photos"> 
<a rel="prettyPhoto[1]" href="..."> 
<img class="img-responsive" src="..." alt="" title=""/> 
</a> 
</li> 
<li class="col-sm-4" data-filter=".photos"> 
    <a rel="prettyPhoto[1]" href="..."> 
    <img class="img-responsive" src="..." alt="" title=""/> 
    </a> 
</li> 
<li class="col-sm-4" data-filter=".photos"> 
    <a rel="prettyPhoto[2]" href="..."> 
    <img class="img-responsive" src="..." alt="" title=""/> 
    </a> 
</li> 
<li class="col-sm-4" data-filter=".photos"> 
    <a rel="prettyPhoto[2]" href="..."> 
    <img class="img-responsive" src="..." alt="" title=""/> 
    </a> 
</li> 
<li class="col-sm-4" data-filter=".photos"> 
    <a rel="prettyPhoto[2]" href="..."> 
    <img class="img-responsive" src="..." alt="" title=""/> 
    </a> 
</li>