このページのメインコンテンツ部分はどのように作られているかわかりますか?サムネイルのナビゲーション付きギャラリー(コンテンツスライダー?)のように見えますが、どのようなテクニックが使われているか教えて下さい。jQueryなどかと思いますが、くわしくわかりません。さんの質問このページのメインコンテンツ部分はどのように作られているかわかりますか?サムネイルのナビゲーション付きギャラリー(コンテンツスライダー?)のように見えますが、どのようなテクニックが使われているか教えて下さい。jQueryなどかと思いますが、くわしくわかりません。可能ならWordpressに実装したいと考えています。同等のプラグインがあればベストですが、jQuery、phpなどで制御できるなら独自に組み込みたいです。さんの回答スライダーの挙動はcdnl.complex.com/min/?g=listsJS&amp;cn=165で定義してるっぽい。id名とかで検索したらそれっぽい記述があったので。内容は普通にjQueryのanimateを使用してるように見える。サムネイルはaddClassしてるだけ。これはhtmlソースの470行目くらい。なんかこれくらいならプラグインでありそうな気がする。ID:ZzGZC8ありがとうございます。このようなギャラリーを複数持てるプラグインがあるとベストなのですが、まだ見つけることができていません。ソースを解析して独自で組んだほうが汎用性があって良いかもしれませんね。さんの回答サムネイルのナビゲーション例えばwordpressなら記事をループで取得してアイキャッチ画像を載せるスクロールは単純にあふれるほど横並びにしておいて、スライダーをクリックした時にポジションを変更することで可視領域を調整している。画像をクリックすることでajaxで当該記事を取得して出力する。詳細ページとサムネイルの表示が同期しているjavascriptによって現在のurlのパラメーターと一致するリンクタグあるいは、入れ子のimgタグにidやclassを付与している。wordpressならパーマリンクを簡単に取得できるのでPHPで判定したほうが楽かも。ID:4eZ/LJソースコードを詳しく追ったわけではないので、厳密にこのとおりになっているとは限りません。そのサイトの挙動を見るに、上記のような設計によって実現できるということです。ID:ZzGZC8それぞれの動作説明ありがとうございます。ひとつひとつみるとそれほど難しくないように見えます。※詳細ページは個別のURLにリンクしているように見えますが、なにか動的にコンテンツを読み込んでいる?→この挙動は、pjaxを使っていることがわかりました。その他の部分は、上記のいただいた回答でクリアできそうです。ありがとうございました。プラグインがあるようでしたら是非教えて下さい。回答デザインが優れたサイトは多くありますが、ソースを見るとがっかりする事が多々あります。そこで皆さんが「このサイトのソースは参考になる」と思われる、優れたコーディングをしているサイトを教えて下さい。回答web制作を独学で勉強しています。そこで質問なのですが、よく『ソースが汚い』とか、『ゴミソース』とかの表現を目にします。回答afterやbeforeなどの擬似要素にクリックイベントを発生させたいのですが調べてみたところ「仮想要素なのでJSで取得できない」とのことでした。ようなスライダーを作りたかったのですが、サムネイルの矢印の部分が上手くいきません。後ろに隠れてしまいます。前に出すにはどのようにしたら良いでしょうか?urlはコメントに載せます。取得ソースコード↓http://jsdo.it/nonamez/2KCMjQueryを使って要素の置換をしたいです。複雑なものなのでどうやればよいか分かりません。回答html、CSSでコーディングするのと、WordPressなどのCMSで組むのでは、見積もりは皆さんならどのくらいの値段の差をつけますか?参考までに教えてください。回答wordpressの自作テーマを作っているのですが、その中の機能にスライダーを付けたいと考えています。簡単に画像をアップできるページを作りたいのですが可能でしょうか。