• 締切済み

ECサイトのような商品紹介ページの作り方

よろしくお願いします。 http://www.uniqlo.com/jp/store/goods/258575 上記のようなページを作ろうと思っているのです。 色違いの商品のボタンにマウスをホバー、もしくはクリックすると商品画像の色違いの商品が表示される仕組みを作りたいのですが、参考サイトを見つけられずに困っています。 wordpressで制作中なのですが、このようなプラグインがあると助かります。 プラグインで解決しないのであれば、javascript,jQueryを使用する必要があるのでしょうか? javascript,jQueryはあまりできないのですが、 解りやすい解説サイトのようなものがあると嬉しいです。 よろしくお願いします。

  • HTML
  • 回答数1
  • ありがとう数0

みんなの回答

  • yoruaru-q
  • ベストアンサー率17% (476/2703)
回答No.1

javascript,jQueryですが、この本を手元に置いて基本とし、サイトで補う方法で対応できるかもしれません。 10日でおぼえるjQuery入門教室 http://www.amazon.co.jp/dp/4798133329

関連するQ&A

  • ECサイト構築

    現在、ECサイト構築の案件をいただいております。 そこで、EC-Cube + MySQLで構築するか、Wordpress + EC系のプラグイン + MySQLで構築するで迷っています。 当方、ECサイト構築は初めてのことなので、どちらが制作また更新に適しているのか判断しかねています。個人的にはWordpressの方が使い慣れており後者の方で構築したいと思っています。 正直、どちらも一長一短だとは思いますが、どちらがいいのでしょうか?

    • 締切済み
    • PHP
  • jQueryのプラグインを上手に組み合わせた面白いサイトを教えてくださ

    jQueryのプラグインを上手に組み合わせた面白いサイトを教えてください。 趣味でウェブサイトの制作をしており、UIにアクセントを付けるために、jQueryには結構お世話になっているのですが、jQueryのプラグインを複数使用して、面白い効果を付けているウェブサイトがあれば、教えてください。 自分のウェブサイト制作のヒントになればと考えています。

  • 知識ゼロでEC-CUBEやWordpressでECサイト作りは難しい?

    知識ゼロでEC-CUBEやWordpressでECサイト作りは難しい? 今現在は、Dreamweaver(html+css)で作って、ショッピングサイトを制作しております。だんだんとページ数も増えて約1000ページは超えております。 近々リニューアルを考えておりまして、それを機会に、ショッピングカート機能とサイト内検索機能、購入履歴も見れるようにしたいと思ってます。 そこで、今まで通り制作して+カート機能のみ有料で借りて(http://www.shopmaker.jp/)タグを埋め込んでいくのが良いのか、 または、EC-CUBE(http://www.ec-cube.net/)で作るのが良いのか、 wordpress+カート機能が良いのか、何がベストな方法であるのか悩んでおります。 SEO対策の会社からは、EC-CUBEかwordpressが良いと言われました。(有料のカート付レンタルサーバの所は対策しにくいとの事で、簡単にHPは作れるけどそこは外した方がよいのかなと。) ただ、EC-CUBEもwordpressも、使用した事も知識もなく今から勉強という事になります。 1000ページ位あるECサイトを制作するならば、今後のリニューアルや商品入れ替えなども考慮にいれて、どう作るのが良いのでしょうか。 また、EC-CUBEか、wordpressでECサイトを制作するのとでは、どちらがまだ比較的簡単でしょうか。 宜しくお願いします。

  • ギャラリーサイト 作り方 

    様々なサイトを紹介するサイトを作成したいと考えています。 サンプル→ http://www.ikesai.com/ この大手サイトのように左のカテゴリーをクリックするとそれに関連付けされた サイトが表示されるようなサイトを作りたいです。 しかし自分の技術ではhtmlとcssと少しjQueryが使える程度で、php等は一切分かりません。 ギャラリーを1ページずつ作成はできるのですが、新しいものを追加した時に古いものが後ろに ずれたり、関連するものをページにまとめたりしたいです。 リンクのサイトでは独自にプログラムを組み、このようなホームページに仕上げているのでしょうか? 簡単にどのようなシステムになっているのか教えていただければ助かります。 また、制作にあたり、wordpressやbloggerやjQueryプラグインなどで極力簡単にサンプルのサイトのようなものが作れるテンプレートはありませんでしょうか? よろしくお願いいたします。

    • ベストアンサー
    • CSS
  • ECサイト構築について

    とある家庭向けのサービスをWebサイトで販売する事業を自分の会社に提案したいと考えています。 (ここでは仮に床磨きだとさせてください。) どのような手段でWebサイトを構築すればよいか迷っており質問させて頂きました。 <必要な要件> ・サービスのパターンは3種類とする。  (例えば アスファルト磨き / 大理石磨き / フローリング) ・サイト上でサービスの種類と床の広さを選択して、見積もりが動的に表示されるページが欲しい。 ・決済機能が欲しい。 ・顧客管理の機能も欲しい。 ・お問い合わせフォームもつけたい。 ・有る程度、見栄えの良いデザインにしたい。 ----------------------------------------------------------------------- わからないながらも、調べてみましたがどれも一長一短なようで、 1) ネットショップのASP →デザインのカスタマイズが難しそう。 →商品数が多くないのにネットショップのASPでは用途が違う気がする。 →見積もりページで使用するJavaScript?で動的な表示が難しそう。 2) 全て自前で、カートサービスのみ設置 →顧客管理の方法は? →作成したサイトとカートサービスのデザインの一体化って難しそう 3) WordPressのプラグインソフトを使用する →安全性の面で、なんだか少し不安。(脆弱性など) とにかく、小さな会社なので費用は少なければ少ないほうが嬉しいです。 (まるごと制作会社に発注はとても無理です) HTMLとか勉強を始めていますが、まだまだ分からないことが多く おすすめの手段などあれば、御教授していただきたいと思います。 ご回答宜しくお願い致します。

  • jQuery背景画像動かすパララックス

    http://yuki930.v-colors.com/ このサイトの背景画像を作りたいです。 ですが、まず画像背景の作り方がわかりません。 それとマウスを動かすと立体的に動く仕組みのやり方がわかりません。 (上のサイトは少し弧を描くように回転しています。) 検索で探しましたところこのようなものがヒットしました。 マウスの動きに追従して奥行きのある背景移動をするjQueryプラグイン「jquery.parallax.js」 http://www.webopixel.net/javascript/381.html たぶんこれであってると思います。 一回違うやつを作ってみました。 jQuery/CSS3で雲をゆらゆらさせる http://www.webopixel.net/javascript/718.html しかし、背景が透明にならず重なってしまいました。(Javasucriptのほうはうまく組み込めました。) まず、背景画像を透明にするやり方が一点と 次に、マウスを動かすと背景が立体的に弧を描くようにするやり方 以上二点を教えて頂きたく存じます。何卒よろしくお願い申し上げますm(_ _)m

  • こちらのトップスに合うジーンズの色を教えてください

    http://www.uniqlo.com/jp/store/goods/072570こちらの69番NAVYを買いました。今持っているジーンズの色には似合いそうでないのでユニクロで新しくジーンズを買いたいのですがhttp://www.uniqlo.com/jp/store/goods/072761-64-031こちらの商品の内、何色が似合うのか教えてください。よろしくお願いします。

  • phpのひな形、フレームワークのようなもの

    phpを使いホームページを作成しています。 PHPには、ホームページ用のパーツに使えるセットのようなものはないでしょうか Wordpress のプラグインのようなものは便利で、PHPにもないでしょうか javascriptの jqueryのようなものがあればなあと思っています。

    • 締切済み
    • PHP
  • XHTMLのページにWordPress

    あるサイトの制作で、WordPressの導入が検討されているのですが、まだ一度もCMSを使ったことがないため、分からないことだらけです。 今回の制作で、基本はHTML+CSSで作成し、TOPページの一部「新着情報」や、「新製品紹介」ページ等はCMSでお客さんがいつでも更新できるようにしたいとのことです。 実際にそれが可能らしいというのは、検索して分かったのですが、具体的にどうすればいいのかがまだ分かりません。 HTMLのページをメインとして先に作成していいのか?もしくはWordPressが基本なのか? プラグインが必要なのか? HTMLページ内へのWordPressの組み込み方を教えてください。 実際にサンプルなどあるととても助かるのですが、何卒よろしくお願いします。

    • ベストアンサー
    • CSS
  • wordpress + jqery + IE8

    wordpress jquery ie8 --- wordpressを使い、ブログを管理しています。 wordpressに、jqueryを導入しました。 導入した、jqueryは、これ。 ・wp-jquery-lightbox --- ブラウザは、Opera・オペラ バージョン11.00 を使用しています。 Operaでは、jqueryが、効く・有効なのです。 他、firefox・Chromeでも、jqueryは、有効です。ちゃんと、動いてくれます。 けれど、IE8で確認すると、jqueryは、上手く、動きません。 そこで、別のサイトに、新たにhtmlサイトを作り、 IE8で、jqueryの動作をテスト・確認すると、 jqueryは、動いてくれました。 けれど、IE8で、wordpressのサイトの、jqueryを確認すると、 動いてくれません。 wordpress + jquery + IE8 →jqueryは、動かない・見れない。 通常の、javascriptは、動く。何故か、jqueryは、動かない。 の組み合わせの時に、見れない、動作しない様です。 htmlだけ + jquery + IE8  →jqueryは、動く・見れる。 では、動作します。 --- wordpress + jquery の組み合わせの時は、「jquery」は、 Opera・firefox・chromeは、見れる。IEは、見れない・動かない。 動かないのは、jqueryのプログラムだけで、通常の閲覧は可能です。 けれど、単なる、html + jquery の時は、動く。 どうすると、 「wordpress + jqery」 を、 「IE8・IE系」でも、「動く・見れる」様に出来るのでしょうか。 ご教授下さい。 よろしくお願いします。