SNAP DECO導入手順
利用規約の内容に同意頂いた上でのご利用をお願いします。
利用規約
Webサイトへの「SNAP DECO」の導入方法は簡単!
以下の3つのタグをページに埋め込んでください。
<div id=”snapdeco”></div>
<script type=”text/javascript” src=”https://cnsrd.jp/snapdeco/js/snapdeco.js”></script>
<script> SnapDeco.setStyle(“default”); </script>
<script type=”text/javascript” src=”https://cnsrd.jp/snapdeco/js/snapdeco.js”></script>
<script> SnapDeco.setStyle(“default”); </script>
「SNAP DECO」表示サイズのアスペクト比は固定で、幅200px〜640pxの範囲で表示サイズを調整出来ます。
幅の指定が無い場合はデフォルト(320px)で表示します。
また、背景・フレーム・スタンプの画像をお好みの画像に変更することが出来ます。
画像を変更したい場合は下記sampleの通りscript要素内で画像を登録します。
画像を登録しなかった場合は、デフォルトの画像を使用します。
<div id=”snapdeco”></div>
<script type=”text/javascript” src=”https://cnsrd.jp/snapdeco/js/snapdeco.js”></script>
<script>
// Top画面の背景を登録
SnapDeco.setTopBackground(“./test/bg_top.png”);
// 編集画面の背景を登録
SnapDeco.setEditBackground(“./test/bg_edit.png”);
// フレームを登録
SnapDeco.addFrame(“./test/frame/frame01.png”);
SnapDeco.addFrame(“./test/frame/frame02.png”);
SnapDeco.addFrame(“./test/frame/frame03.png”);
SnapDeco.addFrame(“./test/frame/frame04.png”);
SnapDeco.addFrame(“./test/frame/frame05.png”);
// スタンプを登録
// 引数1:カテゴリNo
// 引数2:スタンプ画像
SnapDeco.addStamp(1, “./test/stamp/stamp11.png”);
SnapDeco.addStamp(2, “./test/stamp/stamp21.png”);
SnapDeco.addStamp(2, “./test/stamp/stamp22.png”);
SnapDeco.addStamp(2, “./test/stamp/stamp23.png”);
SnapDeco.addStamp(2, “./test/stamp/stamp24.png”);
</script>
<script type=”text/javascript” src=”https://cnsrd.jp/snapdeco/js/snapdeco.js”></script>
<script>
// Top画面の背景を登録
SnapDeco.setTopBackground(“./test/bg_top.png”);
// 編集画面の背景を登録
SnapDeco.setEditBackground(“./test/bg_edit.png”);
// フレームを登録
SnapDeco.addFrame(“./test/frame/frame01.png”);
SnapDeco.addFrame(“./test/frame/frame02.png”);
SnapDeco.addFrame(“./test/frame/frame03.png”);
SnapDeco.addFrame(“./test/frame/frame04.png”);
SnapDeco.addFrame(“./test/frame/frame05.png”);
// スタンプを登録
// 引数1:カテゴリNo
// 引数2:スタンプ画像
SnapDeco.addStamp(1, “./test/stamp/stamp11.png”);
SnapDeco.addStamp(2, “./test/stamp/stamp21.png”);
SnapDeco.addStamp(2, “./test/stamp/stamp22.png”);
SnapDeco.addStamp(2, “./test/stamp/stamp23.png”);
SnapDeco.addStamp(2, “./test/stamp/stamp24.png”);
</script>
画像の登録数上限はフレームは12個、スタンプは1カテゴリで15個までとなっています。
・画像サイズ
背景 :640×1174ピクセル
フレーム:600×600ピクセル
スタンプ: 600×600ピクセル
サイト内検索
Categories
Archives
- 2023年12月
- 2023年11月
- 2023年10月
- 2023年8月
- 2023年7月
- 2023年6月
- 2023年5月
- 2023年4月
- 2023年3月
- 2023年2月
- 2023年1月
- 2022年12月
- 2022年11月
- 2022年10月
- 2022年9月
- 2022年8月
- 2022年7月
- 2022年5月
- 2022年4月
- 2022年3月
- 2022年2月
- 2022年1月
- 2021年12月
- 2021年11月
- 2021年10月
- 2021年9月
- 2021年8月
- 2021年5月
- 2021年4月
- 2021年2月
- 2021年1月
- 2020年12月
- 2020年11月
- 2020年10月
- 2020年9月
- 2020年8月
- 2020年7月
- 2020年6月
- 2020年5月
- 2020年4月
- 2020年3月
- 2020年2月
- 2020年1月
- 2019年12月
- 2019年11月
- 2019年10月
- 2019年9月
- 2019年8月
- 2019年7月
- 2019年6月
- 2019年5月
- 2019年4月
- 2019年3月
- 2019年2月
- 2019年1月
- 2018年12月
- 2018年11月
- 2018年10月
- 2018年9月
- 2018年8月
- 2018年7月
- 2018年6月
- 2018年5月
- 2018年4月
- 2018年3月
- 2018年2月
- 2018年1月
- 2017年12月
- 2017年11月
- 2017年10月
- 2017年9月
- 2017年8月
- 2017年7月
- 2017年6月
- 2017年5月
- 2017年4月
- 2017年3月
- 2017年2月
- 2017年1月
- 2016年12月
- 2016年11月
- 2016年10月
CONTACTS
株式会社シー・エヌ・エス
R&Dグループ
Mail:cn_rd@cnsinc.jp
電話:06-6136-8972