• 締切済み

サイトボタン作成

http://fancyapps.com/fancybox/ 上記のサイトでSinge images HTML JavaScriptとタグがあるのですが、 このように2~5個ボタンを作ってこのサイトみたいにボタンを押せば下に表記が違う 物を出したいのですがソース見てもさっぱりで・・・ どのようにソースなるのでしょうか? ご教授ください。

みんなの回答

  • neko-ten
  • ベストアンサー率55% (1287/2335)
回答No.2

とりあえず質問者さんのスキルがわかりません。 それによってできるできないは分かれるけど・・・。 ちなみにタブインフォメーションとか、そんな呼ばれ方をします。 で、まさにその該当サイトにすべての説明が載ってます。 もしこれでわからんっていうと、何がわからんのかきちんと説明してもらわんと。 一から説明して?って言われたらjQueryからだから、本出せるレベルだよ。 最低HTML/CSS/JavaScript、フレームワークとしてjQueryは使えるようにならんと・・・ 説明してるサイトだと http://allabout.co.jp/gm/gc/23969/ とか・・・ (正直ホームページって呼んでる解説は信用ならんけど) デザイン的な部分では http://weble.org/2011/05/24/html-css-tab とか。 ぶっちゃけこれら読んでわからん、ってなるとそもそもベース知識が全く足りてません。

  • kichi4182
  • ベストアンサー率21% (12/57)
回答No.1

各ボタンを押した時のURLを確認しましょう。全くの別ページです。要は似たページにリンクを張っているだけです。『ご指定のサイトは』ですが。

関連するQ&A

  • 印刷ボタンを作成して簡単に印刷をできるようにしたいのです。

    再度質問させてください。 現在ホームページを作成している初心者です。 ホームページ上に印刷ボタンを作成して簡単に印刷できるようにしたいのですが超初心者なのでいわゆるタグがわかりません。 どなたか印刷ボタンのタグを「HTMLタグの挿入画面」にコピペするだけで表示できるように教えていただけませんでしょうか? いろいろなHP等でタグが表示されているのですが、その前後のタグの表記がわかりません。 徹夜して調べたのですがなかなか難しいです。 できれば画面の下中央に印刷ボタンを置きたいのですがどなたか教えていただけますでしょうか? とても困っています。

  • 自分のサイトにソーシャルブックマークのボタンを設置しようと思っています

    自分のサイトにソーシャルブックマークのボタンを設置しようと思っています。 参考にするタグは、http://www.seotaisaku.com/smoplus/bmplus.htmlこちらが簡単かなと思い、こちらのタグをコピペでサイトに貼り付ける予定です。 javascriptを使っているようで、私はjavascriptについてまったく知識がなく、このタグできちんと動作するのか判断できません。 よろしければお詳しい方、このタグで正解なのか教えていただけないでしょうか? またソーシャルブックマークをサイトに設置すること自体どう思われるでしょうか? 以上です。アドバイスよろしくお願いいたします。

  • JavaScriptで作成されるボタンの動作原理

    JavaScriptの読み方(phpも含む?) あるJavaScriptソースの読み方がわからないので質問させていただきました。 動作原理がわからないJavaScriptのソース <p class="al-c"><script type="text/javascript" src="http://xxxxxxxxx.php?ser=yyyyy&m=fakjlfafask"></script></p> このソースをHTMLに埋め込むとボタン(画像のボタンです)が表示される。 そのボタンをクリックするとJavaScriptで記述されたポップアップが表示されました。 srcのURLにてPHPのソースを呼んでいると思うのですが、これは、どのような仕組みで動作していると考えられるのでしょうか。 なぜなら、HTMLソースの中に「ボタンの画像自体」と「JavaScriptでクリックするイベント」も存在しないためです。 ちなみに、URLをそのままブラウザに打ち込むと「~.js」のダウンロードが開始されるような動作になりました。 最終的にはVBAでJavaScriptボタンをクリックしてポップアップを自動で表示させたいと思っておりますが、実現できますでしょうか? 以上、よろしくお願いいたします。

  • fancyboxのポップアップ時の画像の白枠の削除

    http://fancyapps.com/fancybox/#examples このサイトを参考にして、 <script type="text/javascript"> $(document).ready(function() { $(".fancybox").fancybox(); }); ------------追加した部分------------ $(".fancybox") .attr('rel', 'gallery') .fancybox({ padding : 0 }); ------------------------------------ </script> と</head>の上に書いたのですが、白枠が残っています。 フォルダはほぼそのまま入れて、fancybox自体は挙動するのでリンクも間違っていないはずです。 htmlは <a class="fancybox" rel="group" href="images/1_b.jpg"><img src="images/1_s.jpg" alt="" /></a> <a class="fancybox" rel="group" href="images/2_b.jpg"><img src="images/2_s.jpg" alt="" /></a> です。 念のためgalleryをgroupにしたり、paddingをmarginにしてもダメでした。 何が問題なのでしょうか?ご教示お願い致します。

  • 一番上へ移動と、真ん中に移動と、一番下へ移動ボタン

    http://2chmm.com/ のサイトのように、画像のようなものと同じものを自分のサイトにもつけたいのですが ソースを見てもよくわからなかったので教えてください。 一番上へ移動と、真ん中に移動と、一番下へ移動ボタンです。 JavaScriptを使うと思うのですが、わからないので教えてください!

  • ホームページビルダー14<どこでも配置モード>でサイトを作成しているの

    ホームページビルダー14<どこでも配置モード>でサイトを作成しているのですが、HTMLソースが勝手に上下移動してしまいます。 (ホームページを作成する際の専門用語をほとんど知らないので説明が行きとどかなくて申し訳ありません。) 以前のヴァージョン(多分8か9)でしたら、H1タグにした言葉をHTMLソースでなるべく上の方に来るように調整したらそのまま保存できたのですが、14では下の方にH1タグが来てしまったり、アクセス解析のHTMLソースが分割されたりしています。 そのほかも全てが移動してしまい、HTLMソースを見ると、重要な言葉は真ん中より下に表示されています。 アフィリエイトサイトなので、YAHOOなどの検索結果にも影響があるのでは、と心配です。 自分で自由にHTMLソースの上下を操作はできないのでしょうか? ご存じの方がいらっしゃったら、どうぞ教えてください。

  • Yahooの検索ボタンについて

    Yahooのトップページにある、検索、画像、ニュース、辞書のボタンなんですが、 IEでボタンを右クリックしても、表示されるメニューと、 表示されないメニューがあります。 これはHTMLのタグで指定しているのでしょうか? それともJavaScriptで指定しているのでしょうか? どなたか分かる方ご教授願います。

  • 携帯サイトに更新ボタン

    携帯サイトに更新ボタンを作りたいのですがうまくいきません。 HTMLやCGIどちらでも構わないので、何か方法はないでしょうか? JavaScriptだと対応していない携帯がありそうなので使えません。

    • ベストアンサー
    • HTML
  • 携帯サイト作成でのリンクボタン

    携帯サイトでブラウザの下のブラウザメニューがあるところなどに任意の文字列があってサイドボタンを押したらそのページに飛べるようなものがあるのですが、それはどのようなタグを使っているのでしょうか?分かりにくい説明ですみません、よろしくお願いします。

  • ショッピングサイトの作成

    http://codezine.jp/article/detail/3908 このページを参考に、ECサイトの作り方を学習しようと思いました。 そこで疑問点がでてきました。 流れとして、  1.商品一覧ページ で 購入したい商品を選択(ボタンによる選択)  2.1で選択した、商品の詳細画面が出てくる。(ボタンを押すことで、カートに入る。) ここで気になったことが、  1.の時に、商品一覧ページで ボタンを押した時に、javascriptによるonclick処理が走っています。  2.の時には、Fromによるsubmit 処理が走っています。 質問:基本ECサイトでの画面遷移は、「Formタグで起こすもの」と思っていたのですが、上記のような「商品一覧」 から 「商品詳細に画面を繊維する際」には、onclick、アイテムの確定にFormを使うほうがいいのでしょうか。 javascriptを無効にしてる人たちは、onclickが無効化されて、ECサイトとしてまずいのではと思いました。 どなたかお分かりの方がいられましたら ご教授お願いします。

    • ベストアンサー
    • PHP

専門家に質問してみよう