フォトギャラリーの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>