log hokan souko

絵とか小説とかを保管できる的なてがろぐスキン

更新履歴

No.22

(対象画像がありません)

hokanで使用できるビューア 見つけたら随時確認していきます起動スクリプトの表…

使い方

使い方

Lightbox以外の画像拡大ビューアを使用する場合
hokanで使用できるビューア 見つけたら随時確認していきます
起動スクリプトの表記はJS初心者が書いてるので不確実ですが、試してみたら動いたので多分いけます

動作確認済ビューア
Lightbox(てがろぐ標準)
fancybox(3系)
Spotlight

baguetteBox
→起動スクリプトが
<script>window.onload = function() { baguetteBox.run('任意のクラス名');};</script>
になっていれば大丈夫だと思います メインになるエリアか記事一つを囲むクラス名を設定しておいてください 「画像リンクに独自のclass属性値を追加」だとスワイプできないっぽい

Luminous
→起動スクリプトが
<script>
window.onload = function() {
new LuminousGallery(document.querySelectorAll('任意のクラス名')
);};
</script>

になっていれば大丈夫だと思います これは「画像リンクに独自のclass属性値を追加」でOK

Magnific Popup
→起動スクリプトが
<script>
window.onload = function(){
$('任意のクラス名').magnificPopup({
type: 'image',
gallery: { enabled:true}
});
};
</script>

これもLuminousと同じで「画像リンクに独自のclass属性値を追加」

GLightbox
<!-- ↓非表示にした画像をリンクごと消す処理 -->
<script>~</script>
という部分をGLightboxの起動スクリプトの前に移動してみてください


fuwaimg→少し格闘してみたのですが、今の管理人のjsぢからでは満足いく形に実装できなかったです…すまない…


(あとはだいたい起動スクリプトが「window.onload = function()」になってれば大丈夫じゃないかな…)


以下hokanの作りの説明

「hokan」は一覧用と単独記事用の表示を用意して、状況別にどちらかを非表示にすることでデザインが切り替わっているように見せているスキンです。そのため、非表示にした画像をビューアが拾って表示してしまうことがあります。「skin-cover.html」の末尾<!-- ↓非表示にした画像をリンクごと消す処理 -->でそれを無効にしていますが、多分対応できてないとこがあるんじゃないかと…思われ… すみませんが使える画像ビューアが限られてしまいます 一応見つけたビューアは確認してみました
畳む


カスタマイズ 前>>

Freespace
この欄は「設定」→「フリースペース」から自由に編集できます
htmlが使えるので、いいねやメールフォームなどの
スクリプトなんかを貼るのに使ってください