画像ギャラリーをバナー状に表示させる方法を紹介しましたが、「今後の課題」としていた点が、より高機能な画像ギャラリーを作成できるサイト「SnapWidget」を利用することで解決したので、ご紹介します。画像ギャラリーウィジェット作成に特化したサイトで、使い方はとても簡単です。クリックして表示を確認します。マウスオーバー時の挙動を選べる点。使い方次第で色々な応用ができそうです。クリックしてコードを取得このような貼付けコードが生成されるので、これをコピーします。クリックし、「HTML」を選択して貼付ければOKです。今回は、タイトル下に設置するので「ヘッダ」>「タイトル下」に貼付けます。width:100%に、スクロール時の「>」マークの位置を調節するため、高さを調整しています。以下のCSSを追記しています。カーソルを画像の上にのせると色が変わり、右端にもっていくとスクロールします。ブログパーツのときのように、縦スクロールバーが残ることもなく、すっきり設置できました。上のページに表示されるので、その点だけ注意。写真をアップすると「さりげなく」バナー画像が更新されていくので、「いかにも」なサムネイルギャラリーはやだなー、という方にはおすすめです。Girlに詳しく解説がありますので、参考にしてみてください。〜1年でPVが100倍に!2014年は、このブログにとって劇的な変化の年でした。はてなブログPro自然科学やテクノロジー、オーディオ、あざらしが好き。情報や言葉のデザイン、人間の認知や思考の仕組みが関心事。Active実はこの機種「Tile」内蔵。よる使用」を参照ください。はてなブログをはじめよう!align_centreさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。