log hokan souko
絵とか小説とかを保管できる的なてがろぐスキン
更新履歴
- 2023/10/29 …Lightbox以外の画像拡大… 使い方
- 2023/10/25 …野菜小説 -縦書きデモ- 小説野菜
- 2023/10/25 …野菜log イラスト野菜
No.22
- ユーザ「名無し」の投稿だけを見る (※時系列順で見る)
- この投稿と同じカテゴリに属する投稿:
- この投稿日時に関連する投稿:
- この投稿に隣接する前後3件ずつをまとめて見る
- この投稿を再編集または削除する
log hokan souko
絵とか小説とかを保管できる的なてがろぐスキン
更新履歴
No.22
起動スクリプトの表記は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」の末尾<!-- ↓非表示にした画像をリンクごと消す処理 -->でそれを無効にしていますが、多分対応できてないとこがあるんじゃないかと…思われ… すみませんが使える画像ビューアが限られてしまいます 一応見つけたビューアは確認してみました
畳む
カスタマイズ 前>>