![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?5a7ff87)
Galleriffic を利用してサムネイルのクリックでギャラリー表示できるWebサイトの制作をしようと思っています。
そこで、galleriffic-2.0 をダウンロードして、これに収められているサンプルの中から
example-2.html が一番イメージに合うと思ったのですが、
このレイアウトは左側にサムネイルで、右側に画像が大きく表示される仕様です。
私の中では、このサンプルの逆レイアウトがイメージにぴったりなのですが、
素人すぎて、どこを書き換えればよいのかわからず困っております。
諸先輩方の御指導をよろしく御願いします。
Galleriffic にこだわっている訳ではありませんが、設置後の更新の手軽さを考えると
よいのではと・・・
他にお勧めもございましたら御紹介を御願い申し上げます。
No.2ベストアンサー
- 回答日時:
#1です。
失礼。
正確には<div id="gallery" class="content">ですね。
何をキーに指定してるのかまでは、追いかけて確認してませんでした。
サンプルとしては、ご指定の「example-2.html」そのもので見ています。(ウエブサイトの表示)
CSSの最初のdiv.contentの指定の部分で、float:rightをfloat:leftに変えれば、左右が入れ替わりませんか?
ありがとうございましたm(__)m
できました!!
もっと、もっと勉強したいと思います。
今後も何かありましたら御指導を御願い致します。
No.1
- 回答日時:
試してませんが、ソースを見ると…
右側の拡大表示部とキャプションが<div id="gallery">でfloat:rightに
左側のサムネイル部分が<div id="thumbs">でfloat:leftになっているので
これを変えてあげれば、左右が入れ替わりませんか?
ご教示ありがとうございます。
"・・・右側の拡大表示部とキャプションが<div id="gallery">でfloat:rightに
左側のサムネイル部分が<div id="thumbs">でfloat:leftになっているので・・・"
との事ですが、申し訳ありませんが見つける事ができず、試せません。
お手数ですが、どのファイルを変更すればよいのでしょうかm(__)m
宜しくお願いいたします。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- 写真 写真(画像)編集スキルを質問する時 1 2022/12/07 14:14
- Chrome(クローム) Webサイトの表示崩れの原因と対策 1 2022/08/01 23:16
- Windows 10 Windows10 の設定?について (長文ですがよろしくお願いします)m(_ _)m 3 2022/05/14 12:22
- Excel(エクセル) エクセルにサムネイル画像組み込み 2 2022/09/02 17:13
- その他(IT・Webサービス) google サイトの目次表示について 1 2023/06/17 23:24
- HTML・CSS トリミングで表示した画像をクリックで元どおりにしたい 3 2022/12/16 18:49
- Windows 8 動画の再生とタイトルの変更方法を教えてください。 3 2022/08/01 14:51
- HTML・CSS WEBサイトの構築。表示データとWEBデザインを分離する考え方を専門用語・業界用語では何と言うか? 8 2022/09/27 09:16
- HTML・CSS リンクバナーのHTMLタグ。画像を変えたり、設置位置を変えるとバナー貼付け側はどう見える? 2 2023/02/01 12:01
- Windows 10 ネットからファイルをデスクトップにダウンロードする際、既存のファイルの並びが崩れてしまう 4 2022/04/19 08:20
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
javascript htmlの追記について
-
スクリプト初心者なのですが、
-
mouseoverで、リンクをずらす。
-
クリッカブルマップと位置を固...
-
macかwinか判別しスタイルシー...
-
JavaScriptのinnerHTMLの挙動に...
-
3重のクォーテーション
-
JavaScriptの空欄に埋めるもの...
-
Google マップ でKMLの情報が正...
-
ドラッグによるスライド移動を...
-
改行をしたいが、<br>と...
-
formのsubmitを押すとモーダル...
-
VBAでCOPYを繰り返すと、処理が...
-
「ご処理進めて頂きますようお...
-
DoEventsがやはり分からない
-
「PC Helpsoft Driver Updated...
-
エクセルで、日付を入力すると...
-
VBA エンターキーでイベントに...
-
エクセルの画面にユーザーフォ...
-
エクセルVBAで、MsgBox やInput...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
動画の上に広告をオーバーレイ...
-
CSSでreadonlyの機能はあり...
-
jQueryでのドラッグアンドドロ...
-
formのsubmitを押すとモーダル...
-
Q&A掲示板の入力フォームに文字...
-
jqueryを使ったスムーススクロ...
-
確認ダイアログを次からは表示...
-
javascriptで複数の表示・非表...
-
javascriptのエラーで質問です。
-
特定の条件のHTML要素を一括で...
-
macかwinか判別しスタイルシー...
-
【JavaScript】検索がヒットし...
-
jQueryのSlickで矢印アイコンが...
-
javascriptでの(-)ハイフンの処...
-
クリックすると、色が変わるよ...
-
時間帯によってclass名を変更し...
-
フォームで「パスワード(確認...
-
3重のクォーテーション
-
SITEINFOの書き方について
-
【至急!!】Jqueryを使った下記...
おすすめ情報