MY GALLERY
アイキャッチ画像ってそれぞれ工夫していると思います。
記事の中で一番見栄えがいい写真だったり
内容のイメージに近い画像だったり。
洋画、海外ドラマの記事は
公式ページなどからポスターや画像を
引用しています。
料理のカテゴリーでは
でき上がりの画像を使います。
自作のイラストやコラージュ集めて
新しいカテゴリーを作りました。
Webで お披露目のMy Gallery
画像をクリックするとページがめくれます。
※iPhoneで確認したところ、左側のページが
表示されませんでした。
可能であればPCで見てくださいね。
TRICK
このアルバムのソースはご存じ師匠のアイディアです。
オリジナルは文字が書かれていますが
ビビッと閃きました。
変更した点
♕ 画面いっぱいに表示したかったので
幅と高さを下記に変更しました。
width:320px
height:185px
オリジナルのトップ画像は640px,371pxで作っています
（最初の頃は高さ480px)
このサイズは記事一覧の表示ページで見切れないため。
見開きで表示されるのでオリジナルの50％の数字にしています。
♕ border:1px solid white;
background-color:#e9f4f1;
オリジナルは黒い線で囲まれていますが
目立たないように白に変更し
背景はアイキャッチ画像の背景色にして
高さや幅が足りない画像の
境目が出ないようにしました。
♕ 一つ問題発生。
ページをめくるためにクリックすると
拡大画像が表示され
ページがめくれません。
それで一度は断念しましたが
コメントで解決策を教えてもらいました。
>中の文章< この部分に画像のＵＲＬを貼りますが
その時にURLの後ろの方にある " class="hatena-fotolife"
この部分を削除します。
余談ですがPhotoにしないわけが有るのか謎です。
確認はプレビュー画面で行ってください。
編集画面ではできません。
本当はオリジナルのサイズで見てもらいたかったのですが
スクロールして見るより
アルバム型の方が見やすいかなって思いました。
画像は表示ページに合わせてリサイズしましたが
もしかしたらURLを貼りつけると
自動的に枠内に収まるのか
それともはみ出してしまうのでしょうか？
60枚くらいリサイズして途中で気づきましたが
実験はしていません。
そして皆さんは今後52枚の絵を見せられるという事です。
覚悟は良いかな？
