フォトギャラリーのHTMLとCSS

フォトギャラリー 【j-gallery】

<div id="cc-m-12263161992" class="n j-gallery ">

■フォトギャラリーのクラス名

j-gallery

 

<div class="cc-m-gallery-container cc-m-gallery-cool clearover">

■ギャラリー機能のクラス名

  cc-m-gallery-container
  cc-m-gallery-cool
  clearover


<div class="cc-m-gallery-cool-item">

■のクラス名
 cc-m-gallery-cool-item

<div>

<a rel="lightbox[12263161992]" href="javascript:"  data-title="">

※relにlightbox(拡大表示用)ID関連性指定 ※このあたりドイツらしい設計 

※リンク先は、javascript:拡大表示指定(リンク先指定の場合はリンク先に)

<img src="http://image.jimcdn.com/app/cms/image/transf/dimension=1920x400:mode=fitin:format=jpg/path/scbb64fe79673531b/image/i489c651da9521c9a/version/1442062972/image.jpg" data-orig-width="640" data-orig-height="480" alt=""/>

</a>
</div>
</div>  ------------- cc-m-gallery-cool-item ----------------------


<script id="cc-m-reg-12263161992">

// <![CDATA[

    window.regModule("module_gallery", {"view":"3","countImages":4,"variant":"cool","selector":"#cc-m-gallery-12263161992","imageCount":4,"enlargeable":"1","multiUpload":true,"autostart":1,"pause":"4","showSliderThumbnails":1,"coolSize":"1","coolPadding":"20","stackCount":"3","stackPadding":"3","options":{"version":"9.0.28","swf":"http:\/\/u.jimdo.com\/www59\/o\/s\/gallery\/player\/ws-slideshow.swf","params":{"flashvars":{"XMLPath":"http:\/\/u.jimdo.com\/www59\/o\/scbb64fe79673531b\/gallery\/m4255b76d55824ae8\/1442067760\/config.xml","langID":"EN","cacheXML":true},"bgcolor":"#000"},"attr":{"height":410,"width":"100%"},"pinterest":"0"},"id":12263161992});

// ]]>

</script>

</div>

株式会社 PIK

〒108-0075 港区港南3-4-12

TEL.03-6433-0422