ブログカスタマイズ

Highslide in Blogger: Highslide for single images in Blogger

Highslide in Blogger: Highslide for single images in Blogger: Stones - click to enlarge UPDATED JANUARY 14, 2013 This page describes two ways to get single images opened in Highslide JS...


 class="highslide" onclick="return hs.expand(this)"  を挿入します
画像を挿入した状態はこんなソースになってます

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkXxuKGxpN7QI1keK-4uiyZP2ckjueB73uMqQPqNpV9RtB5jWm-hCnk3nT_QoTd0DFgCKuQGy6nb6mu1YADpnLPHsngP046wZDug23jiQEQ-7xU1L3gWWLxxZQ5NTVq89Nxw_Z1br-36M/s1600/IMG_0583.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkXxuKGxpN7QI1keK-4uiyZP2ckjueB73uMqQPqNpV9RtB5jWm-hCnk3nT_QoTd0DFgCKuQGy6nb6mu1YADpnLPHsngP046wZDug23jiQEQ-7xU1L3gWWLxxZQ5NTVq89Nxw_Z1br-36M/s320/IMG_0583.JPG" width="320" /></a> 

これを 画像のサムネイル画像のURLの最後に上記のソースを挿入するんです

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkXxuKGxpN7QI1keK-4uiyZP2ckjueB73uMqQPqNpV9RtB5jWm-hCnk3nT_QoTd0DFgCKuQGy6nb6mu1YADpnLPHsngP046wZDug23jiQEQ-7xU1L3gWWLxxZQ5NTVq89Nxw_Z1br-36M/s1600/IMG_0583.JPG"　class="highslide" onclick="return hs.expand(this)" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkXxuKGxpN7QI1keK-4uiyZP2ckjueB73uMqQPqNpV9RtB5jWm-hCnk3nT_QoTd0DFgCKuQGy6nb6mu1YADpnLPHsngP046wZDug23jiQEQ-7xU1L3gWWLxxZQ5NTVq89Nxw_Z1br-36M/s320/IMG_0583.JPG" width="320" /></a>