皆さん、おはこんにちばんは!いつも訪問ありがとうございます

私のブログはjQueryプラグインのLightboxと言うものを使用しています!
Lightboxは画像をクリックもしくはタップをすると、その場で拡大するプラグインです。

Desktop1.png
こんな感じに表示されます。実際にした方はいたかな?
個人的に好きだったのでずっと使用していたのですが、
今のテンプレートに変えてから少し使いづらいなと感じてしまいました(((´゚ω゚`)))



Desktop6.png
大きくなるのはいいんですが、Lightboxだと閉じるときに赤枠の部分をクリックしないと
消せないようになっており、すごく使いにくいし何より面倒くさい!(笑)



Desktop2.png
昔のテンプレートだと画像の表示が小さいので赤枠のようにスペースがあり、
拡大するととっても見やすくなり好きだったんですけどね・・・。



Desktop3.png
今のテンプレートはブラウザの大きさによって1カラムや3カラムに変わります。
そこが好きなので、プラグインを変更しようということです(笑)
画像の大きさも、テンプレートにそって大きくなったり小さくなったりします。
(設定すれば固定できるんですが、めんどくさいw)
画像のは3カラムの時の大きさなので、すっごい大きくなりLightboxを使う意味が0に。



Desktop8.png
スマホでも実際に使えるんですが、Lightboxを使うとこのように小さくなってしまいます。
PCではかなりいいですが、スマホだと使用用途がないですね(。´Д⊂)



Desktop4.png
そこで画像を拡大しても簡単に閉じれて、使いやすいプラグインを発見しました!
画像をクリックして拡大した後はもう一度画像をクリックすると閉じます!
前々から入れたいな~と思っていましたが、今回入れてみることに\('ω' )/

拡大する時の表示も結構好みで、完全に一目惚れです(笑)
ですが一つ欠点が・・・


Desktop9.png
スマホだとこのように画面サイズを無視して拡大してしまうため、上が見切れちゃってます
うーむ。我慢します(笑)


ということで、jQueryプラグインのLightboxをDarkboxに変えちゃったというお話でした!
昔の記事にはLightboxを使用しているので、Lightboxは残しております。



ブログのプラグインもちょちょいと変更しており、
Twitterやランキングのプラグインを追加したり、リンクの大きさを変更してみたり
色々と試行錯誤して見やすくなるよういじっていますが、
Desktop10.png 
記事の最後にこのような関連記事も追加してみました!
カテゴリからいちいち行かなくても前後の記事を確認できるので、便利(*´Д`*)


それでは最後まで見てくださりありがとうございました!
次回の更新でお会いしましょう\('ω' )/

にほんブログ村 ゲームブログ PCゲームへ
関連記事
スポンサーサイト
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。