• 締切済み

GalleryViewのサムネイル位置指定について

GalleryViewサムネイルの位置を右側に指定したいです。 最新のGalleryViewでサムネイルを右側に指定することはできたのですが、サムネイルを別画像での指定ができず、ver1.1だと別画像での指定ができる事が分かりました。 ただ、色々調べてもver1.1のサムネイルは位置が下にあり、コードを色々いじってみたのですが、どうしても右側に移動できません。 私の理想としてはこのようなスライドがおきたいです。 http://kanko.city.kyoto.lg.jp/ ただ上記のサイトですと、サムネイルはメインの縮小版という形なので今一歩という感じです。 ver1.1でサムネイルを右側にする方法をどうかご教授ください。

みんなの回答

  • fujillin
  • ベストアンサー率61% (1594/2576)
回答No.1

GalleryViewというライブラリは知りませんけれど、ＣＳＳの設定でできるのでは？ デモサンプルにもあるみたいなので、こちらをご参考に。 http://spaceforaname.com/galleryview/demo-position.html http://spaceforaname.com/galleryview/demo-showall.html

nemissa3
質問者

補足

現在のVer3.0でのサムネイルを右配置はできますが、旧ver1.1での右配置をしたいです。 上か下は配置できますが、右側に配置できません。 もしくは、他のスライドギャラリーでサムネイル右配置で、サムネイルの画像はメインと別画像という物はありませんでしょうか？ よろしくお願いします。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • GalleryView 3.0の設置方法について

    画像スライドさせるためのCSS、jqueryjsについての質問です。 私はCSS入門したてのド素人ですが、GalleryViewをどうしてもサイトに掲載したく頑張ってみたのですが、どうしてもうまくいきません。 GalleryViewのキーワードで検索してあらゆるサイトを見て回ったのですが、バージョンが古かったり、いまいち分かりずらく、設置稼働できませんでした。 本当に初歩的で申し訳ないのですが、ド素人でも、その通りやれば表示ができる！！ というような分かりやすく日本語で説明されているサイトを探しております。 GalleryView3.0　http://spaceforaname.com/galleryview　こちらのサイトで現時点（2011.04.04）GalleryView 3 Beta 3 をダウンロードできます。 同胞されている内容はｃｓｓとｊｓのフォルダです。 このフォルダをindexファイルと同じ階層にそのままアップして、README.txtに書かれているソースを記述してもうまくいきませんでした。その他、以下の過去質問の返答にあるようなリンク元も参考にイジってみたのですが、やはり作動しません。。。 http://okwave.jp/qa/q6229237.html 本当に困り果ててしまいました(´-∀-｀；) どなたか、こんな馬鹿野郎ド素人でも分かりやすくご教授いただくか、同様のサイトがあれば参考サイトをご教授いただけましたら幸いです。 最悪、素人では難しいということでしたら、初心者向けのプラグインツールもしくはサンプルCSSなどがあれば、代替でも問題なしです。 結果として複数の画像が１画像づつ自動スクロールしてメインに表示され、下にサムネイルがあれば問題なしです。 本当に初歩的な質問になってしまいますが、宜しくお願いいいたします。

  • ＶＢ４．０で画像のサムネイル方法

    ＶＢ4.0でデジタルカメラで撮った写真のサムネイルを作りたい。 例えば、800×600 100K　の画像をwidth="80" height="60" の指定で縮小表示はされますが、 100k の画像を読込まなくては表示されません、 そこで 80×60 1k～2k くらいのサムネイルされた画像をＶＢ4.0で作る方法をご存知の方、教えて下さい。

  • パワーポイントのサムネイル表示

    固有名詞が良くわからないのですが。。。 パワーポイントの、標準表示の画面において、 左側のフレームに縦に製作中のスライドが一覧されますね。 以前使っていたときは、そこに縮小表示されたスライド画像（サムネイル？）が表示されていました。 しかし、PCを変えたあと、久しぶりに使おうとすると、アイコンと各スライドの表題（文字）が表示されるようになってしまいました。 以前の表示に慣れているので、使いづらくて困っています。どうすれば表示形式を変えることができるでしょうか。

  • チャプター点のサムネイル

    ＴＤＡ2.0のメニュー画面でチャプターに指定したフレームのサムネイルを別の画像にしたいのですが、可能でしょうか？ 可能ならどのようにすればいいのでしょうか？

  • サムネイルの順番

    イラストレーターのポートフォリオサイトを作っています。 構成は画像のサムネイルを、5×5のタイル状に並べ それぞれをクリックすると別のウィンドウで詳細が見られるという シンプルなものです。 画像は頻繁に追加します 。 その際、最新のサムネイルは5×5の左上に追加され、 5×5に収まりきれなくなったサムネイルは 次のページ（5×5のレイアウトは変わらず）に移動させるつもりです。 現状考えているのは、画像を追加するごとに、 手動でひとつひとつサムネイルとリンク情報をコピペしてずらしていく方法なのですが、 もし可能であれば、新しく追加する画像を指定すれば 自動的に5×5の左上に追加され、既存のサムネイルの順番もずれるようにしたいです 。 なにか方法はありますでしょうか？ HTML/CSSは本を見ながらなら理解できるレベルです。

    • 締切済み
    • CSS
  • オンマウスでの拡大画像の位置指定

    サムネイル画像にオンマウスした時の拡大画像の位置指定がよくわかりません。今の状態だとマウスを乗せた時に拡大画像がサムネイル画像とかぶってしまい、他のサムネイルが隠れてしまいます。できたら、拡大画像をサムネイル画像かぶらせず、左側に表示させたいのですがどう指定したらよいのでしょうか？ついでに拡大画像を右側、上、下に指定したい時の表示方法もあわせてアドバイスいただけたらありがたいです。 それと、サムネイル画像の下にちょっとしたコメントを記載したい時はどうしたら良いのでしょうか？どうかよろしくお願いします。 <script> var src1="image01.jpg" var src2="image1.jpg" var src3="image02.jpg" var src4="image2.jpg" var src5="image03.jpg" var src6="image3.jpg" var src7="image04.jpg" var src8="image4.jpg" </script> <p align="center"> <img src="image01.jpg" onmouseover="this.src=src2" onmouseout="this.src=src1"> <br> <br> <img src="image02.jpg" onmouseover="this.src=src4" onmouseout="this.src=src3"> <br> <br> <img src="image03.jpg" onmouseover="this.src=src6" onmouseout="this.src=src5"> <br> <br> <img src="image04.jpg" onmouseover="this.src=src8" onmouseout="this.src=src7"> <br> </p>

    • 締切済み
    • CSS
  • PHPでjpg画像を位置を指定して拡縮させる方法

    お世話になります。 PHPで、どうしてもわからないところで躓いております。 GDはonの状態でPHP5をXAMPPにて扱っております。 やりたいことは至って簡単で、 座標上で、例えば(10,10)の位置に画像を指定した縦横サイズ(30,30)に縮小して、 貼り付けたいのですが、 色々と関数を試しても、なぜか画像が表示されず、困っております。 貼り付ける画像の拡張子はＪＰＥＧです。 お忙しいところ恐れ入りますが、 宜しくお願い致します。

    • ベストアンサー
    • PHP
  • 平清盛の絵巻図でフリーで使えるものを探しています。

    平清盛の絵巻図で、版権が切れているとかで、パンフレットなどに デザインとして、フリーで使えるものを探しています。 絵巻図というのが正しいのか、タイトルなどの検討すら分からないので、 探すのにも困っています。 「武将 平清盛 絵巻 フリー素材」などで探してみましたが、これというものが 見つかりません。 下のパンフレットの表紙のような、合戦をしているようなイメージのものが良いのですが。 http://kanko.city.kyoto.lg.jp/kiyomori/images/kiyomori.pdf どなたかお詳しい方おられましたら、教えて頂けますでしょうか。

  • 縮小したファイルサイズのサムネイルを出す画像掲示板を探しています

    以下の条件に該当する掲示板を探しているのですが… １、画像のUpができる。 ２、コメント、返信を入れられる。 ３、通常表示で、縮小画像のサムネイルが見える。 ４、縮小画像をクリックすると、Upした元の画像が別ウィンドゥで見られる。 ５、縮小画像は、元の画像をサイズ的に縮小表示したモノではなく、ファイルサイズも圧縮したものが欲しい。 １～４までを満たす掲示板はたくさんあるのですが、５の条件を満たすものがなかなか見つかりませんでした。大量の画像を表示するスタイルを考えているので、縮小表示では凄いトラフィックがかかります。そのため、例えば100KBの画像をUpしたら、サムネイルのファイルサイズは5KBくらいの画像として動的に新規作成してくれるようなものを探しています。 フリーウェア、シェアウェアを問いませんので、情報をお持ちの方は教えて頂ければ幸いです。また、CGIのカスタマイズが必要だとしたら、どのくらいの難度になるのでしょうか？当方は、CGIの知識はあまりないので、ちょっと見当がつかないのです。

    • ベストアンサー
    • CGI
  • オンマウスで画像とテキストの指定位置表示について

    サムネイル画像にオンマウスにより、拡大画像が表示されるようにしています。 TABLEを使い左のTDにサムネイル羅列、右にオンマウス時の拡大画像表示です。 この拡大画像表示の際、画像の下または指定位置に「画像ごとのコメント」を表示したいのですが、当方scriptの知識がなくソースを借用しているためカスタマイズがわかりません。 <script type="text/javascript"> <!-- function over( name ) { var e = document.getElementById( "gazou" ); e.innerHTML = '<img src="' + name + '.JPG">'; e.style.position = "relative"; e.style.top = 000; e.style.left = 000; } function out() { var e = document.getElementById( "gazou" ); e.innerHTML = ''; } //--> </script> ------------------ ※画像（サムネイル表示部分） <img src="light/img/DSC_0945_thumb.jpg" target=_top onmouseover="over('light/img/DSC_0945');" onmouseout="out(light/img/DSC_1310);"> ※拡大画像表示部分に <span id="gazou"></span> を記述してあります。 ----------------------- 書き加える部分について教えていただければと思います。 なお、サムネイルがたくさんあって縦長になると下に移動した場合、画像表示位置が上にかくれてしまうので、サムネイルの移動といっしょに表示位置が常に画面内に入るようにできるとなおいいのですが。 （現在はスクロールしない範囲内のサムネイル数にしています）

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する