- ベストアンサー
【jQuery】画像タブ切り替えの上下配置について
- 【jQuery】画像タブ切り替えの上下配置について。質問内容は、ページ内で内容を切り替える「タブ(画像使用)」を使用したページを制作中。上部と下部のナビゲーションのステータスが同期せず詰まっている状態。タブの仕様は、1~4までの番号画像を配置し、本文1~4それぞれ該当した要素が表示されているときにタブ番号画像がアクティブ状態になるというもの。
- 上部タブを押してアクティブにしたときには連動して下部タブもアクティブになるようにしたい。実際の表示は、上部タブはアクティブになり下部タブは通常の状態となる。解決方法や使い方の情報が少ないため、手探り状態。解決方法を知っている方がいらっしゃいましたら教えていただきたい。
- 【jQuery】画像タブ切り替えの上下配置について。ページ内で内容を切り替える「タブ(画像使用)」を制作中。上部と下部のナビゲーションのステータスが同期せず詰まっている状態。タブの仕様は、1~4までの番号画像を配置し、本文1~4それぞれ該当した要素が表示されているときにタブ番号画像がアクティブ状態になるというもの。上部タブを押してアクティブにしたときには連動して下部タブもアクティブになるようにしたい。解決方法や使い方の情報が少ないため、手探り状態。解決方法を知っている方がいらっしゃいましたら教えていただきたい。
- みんなの回答 (1)
- 専門家の回答
質問者が選んだベストアンサー
関連するQ&A
- タブ切替
下記サンプルを使ってタブ切替のページを作成したのですが、 タブだけでなく、ページ内に「次へ」「戻る」ボタンを追加する方法を教えてください。 ■タブ切替ページ http://archiva.jp/web/javascript/tab-menu.html ■追加内容 page1 最下部に「次へ」のボタンでpage2へ page2 最下部に「戻る」のボタンでpage1、「次へ」のボタンでpage3へ よろしくお願いいたします。
- ベストアンサー
- JavaScript
- マウスイベントで画像を2つ変える
お世話になります、 画像のように上部にナビゲーションがあり、下部に画像。 ナビゲーションAには「通常時」と「クリックした後(オーバーではない)」の二枚の画像を使用、 ナビゲーションAをクリックすると下部のB画像が表示される、 ナビゲーションC、Dも同じ動作… つまり、A自身もクリックで画像がかわり、 同時にクリックでスワップする部分も画像が変化する ということです。説明が下手ですみません… ということは可能でしょうか。 Onclickでやろうと思ったのですが、ナビゲーションAに1つの役割しか 当てることができず、検索もしてみましたが分からず。 どうぞよろしくお願いします。
- ベストアンサー
- JavaScript
- jQueryサンプルを使用したギャラリーの切換方法
Gallerifficを使用してギャラリーを制作中です。 http://www.twospy.com/galleriffic/ こちらのexample-2.htmlを元にして、このギャラリーのサムネイルの上部と下部にあるページリンク(1 2 Next とある ページのリンクの部分)をタブのように扱いたかったのですが、cssが読める程度の私では、わかりませんでした。 せめて(1 2 Next)部分を個別画像で指定できる方法が有るのか無いのか知りたいです もし有るのであれば、どこを直せば良いのか、ご指導お願いしたします。
- 締切済み
- JavaScript
- タブの切り替えについて
こちら(http://5am.jp/jquery/jquery_ui_tabs/)のサイトを参考に JSはそのまま使用し、CSSのみ少し手を加えて、タブの切り替えを作成したのですが、 タブを切り替える度にページトップへスクロールしてしまいます。 JSに手を加えてこれを回避する方法はあるのでしょうか?
- 締切済み
- JavaScript
- jQueryでのロールオーバー処理
jQueryでのロールオーバ、クリック処理について質問です。 画像ファイルを「_on」、「_off」で識別することでオンオフの切り替えができるjQueryがあります。 (参考:http://neet-navi.info/wordpress/431/) が、これを使った場合、現在開いているページは「_on」の画像のままにしたい際にうまく処理できませんでした。 (参考:http://www.kaerumushi.jp/index.html ※こちらのサイトの下部のナビゲーションのようにしたいです。 上記サイトはリンクが画像ではありませんが、やりたいことは同じです) 参考となるサイトも見つけられなかったため、こちらで質問しました。 どなたかご回答いただけると幸いです。
- ベストアンサー
- JavaScript
- Javascriptで曜日ごとにタブ切り替えを自動
HPで曜日ごとに自動でタブを切り替える方法などありますでしょうか? こちらは複数ページを用意し各ページへリンクを飛ばすのではなく、単一ページでその内容を随時変えたいです。 現在、Javascriptを使い曜日の取得をおこなっております。 またその曜日ごとに合わせたタブを作り、タブの内容を曜日ごとに分けております。 (サンプルサイト) http://sample.ul-inc.jp/ 日付は1週間毎自動で取得しますが、タブが一定の曜日を選択した状態で固定されてしまっています。(水曜日にサイトを訪問しても月曜日のタブが選択されている状態。) こちらを曜日に合わせたタブを自動で選択するように出来ますでしょうか?(水曜日にサイトを訪問したら最初から水曜日のタブが選択されている状態。) (例) 【現在】 ・月曜日→(月曜日のタブが選択されている状態で表示) ・火曜日→(月曜日のタブが選択されている状態で表示) ・水曜日→(月曜日のタブが選択されている状態で表示) 【理想】 ・月曜日→(月曜日のタブが選択されている状態で表示) ・火曜日→(火曜日のタブが選択されている状態で表示) ・水曜日→(水曜日のタブが選択されている状態で表示) できればPHPなどは使わず、JavaScriptで実装したいと考えております。 参考のサイトなども教えて頂けますと幸いです。 皆様どうぞよろしくお願いいたします。
- ベストアンサー
- JavaScript
- Javascriptで曜日毎に自動でタブ切り替え
曜日ごとにタブ切り替えを自動でおこなう方法 HPで曜日ごとに自動でタブを切り替える方法などありますでしょうか? こちらは複数ページを用意し各ページへリンクを飛ばすのではなく、単一ページでその内容を随時変えたいです。 現在、Javascriptを使い曜日の取得をおこなっております。 またその曜日ごとに合わせたタブを作り、タブの内容を曜日ごとに分けております。 日付は1週間毎自動で取得しますが、タブが一定の曜日を選択した状態で固定されてしまっています。(水曜日にサイトを訪問しても月曜日のタブが選択されている状態。) こちらを曜日に合わせたタブを自動で選択するように出来ますでしょうか?(水曜日にサイトを訪問したら最初から水曜日のタブが選択されている状態。) (例) 【現在】 ・月曜日→(月曜日のタブが選択されている状態で表示) ・火曜日→(月曜日のタブが選択されている状態で表示) ・水曜日→(月曜日のタブが選択されている状態で表示) 【理想】 ・月曜日→(月曜日のタブが選択されている状態で表示) ・火曜日→(火曜日のタブが選択されている状態で表示) ・水曜日→(水曜日のタブが選択されている状態で表示) できればPHPなどは使わず、JavaScriptで実装したいと考えております。 参考のサイトなども教えて頂けますと幸いです。 皆様どうぞよろしくお願いいたします。
- 締切済み
- JavaScript
- Javascriptで曜日毎に自動でタブ切り替え
曜日ごとにタブ切り替えを自動でおこなう方法 HPで曜日ごとに自動でタブを切り替える方法などありますでしょうか? こちらは複数ページを用意し各ページへリンクを飛ばすのではなく、単一ページでその内容を随時変えたいです。 現在、Javascriptを使い曜日の取得をおこなっております。 またその曜日ごとに合わせたタブを作り、タブの内容を曜日ごとに分けております。 日付は1週間毎自動で取得しますが、タブが一定の曜日を選択した状態で固定されてしまっています。(水曜日にサイトを訪問しても月曜日のタブが選択されている状態。) こちらを曜日に合わせたタブを自動で選択するように出来ますでしょうか?(水曜日にサイトを訪問したら最初から水曜日のタブが選択されている状態。) (例) 【現在】 ・月曜日→(月曜日のタブが選択されている状態で表示) ・火曜日→(月曜日のタブが選択されている状態で表示) ・水曜日→(月曜日のタブが選択されている状態で表示) 【理想】 ・月曜日→(月曜日のタブが選択されている状態で表示) ・火曜日→(火曜日のタブが選択されている状態で表示) ・水曜日→(水曜日のタブが選択されている状態で表示) できればPHPなどは使わず、JavaScriptで実装したいと考えております。 参考のサイトなども教えて頂けますと幸いです。 皆様どうぞよろしくお願いいたします。
- 締切済み
- JavaScript
- タブ画像を切り替えてクッキー保存
タブ画像を切り替えるようなことをJavaで行うにはどうすればよいでしょうか? 下記のようなAのタブとBのタブが2つあるとして、最初のページアクセスではAのタブがオンになっています。 画像はAとBそれぞれにオン・オフがあり、4つの画像を使用します。 __[ A-オン]_[B-オフ]__ ←デフォルト ここでB-オフの画像をクリックすると、 __[ A-オフ]_[B-オン]__ ←こうなる という風にオンクリックで切り替えることができるようにしたいと考えています。 もちろん、逆にBからAに切り替えることもできるようにしたいです。 (オンになっている方のタブをクリックしてもそのまま画像は変わらない) そして、切り替えた状態をクッキーに保存し、再度アクセスした時も切り替わったままになっていると嬉しいです。 このタブ(まったく同じもの)を複数のページの同じ箇所に設置したいのですが、 ページ1で切り替えた後、ページ2にアクセスしたとして、ページ2でも切り替わった状態で表示されると完璧です。 このようなことが可能でしょうか?どなたかご教授いただけると幸いです。よろしくお願いします。
- ベストアンサー
- JavaScript
- 文字列を上下中央に配置したい
Microsoft office word 2007 を使用しています。 文字列を上下中央に配置するため、ヒントを参照にしましたところ (2)「ページレイアウト」タブの「ページ設定」ダイアログボックス起動ツールをクイックし、「その他」タブをクリック とありました。 「ページ設定」ダイアログボックス起動ツールがわかりません。 どこをクリックすれば良いのでしょうか? それと、文字を図の上に配置する場合、下が白浮しないように文字を入れるにはどうしたら良いですか。 どうぞ、お教えください。 よろしくお願いします。
- ベストアンサー
- Windows Vista
お礼
ご回答ありがとうございます! イメージ通りの上と下のタブ連動を確認させていただきました。 ご対応いただきありがとうございました!!