カラーミーで商品画像を４枚以上出すには | IT勉強するコタツネコ
お客様からの相談で、カラーミーでネットショップをやっているが、商品画像が４枚までしか登録出来ない。 最低でも６枚は出したいとの事。 カラーミーはデフォルトで４枚が限度、しかも４枚で１００ｋｂまでとゆう厳しい条件付き。 これでは確かに、ネットショップオーナーとしては少し厳しい、もっとたくさんお客さんに商品の写真を見せたいだろう。 ネットで検索してみると、たくさん記事は出てくる。 同じ悩みを持ってる人は多いみたいだけど、有効な解決案は出てないみたい。 それで色々いじってみました。 結果・・・・ うまくいきました！！！ ↓６枚出すのに成功 適当にヴィトンの商品を登録してやってみました。 この方法ですと６枚どころか８枚でも１０枚でも出来ます。 方法です その１． 管理画面→デザイン設定→商品詳細ページを上級モードでHTMLCSS修正ページ に行きまして、HTMLをいじり
jQuery の animate の横方向の出現や隠す動作
jQuery の animate の横方向の出現や隠す動作は、width に、show、hide、toggle などを指定することで可能。 指定方法 animate( properties, [duration], [easing], [complete] ) メソッド、もしくは、animate( properties, options ) メソッドの1つ目の引数である properties 内の width: *** に指定する。 toggle toggle を指定。 赤いブロック部分を、クリックすると、グレーのブロック部分が、左方向へ動きながら消える。もう一度、赤いブロック部分を、クリックすると、グレーのブロック部分が、右方向へ動きながら出現。速度( duration )は、slow を指定してある。
jQuery で複数の要素のアニメーションが全て終わったら何かを実行する - ダーシマ・ヱンヂニヤリング
jQuery でたくさんの要素をグリグリ動かしたいときに、完了時刻の違う複数の要素のアニメーションが両方終わった時に何かを実行する、というような処理をしたいと思うことがある。 完了時刻が遅い方のコールバックに処理を書けば、望みのことは出来る。ただ、このようにして書かれたコードは変更に弱いし、見ただけで何をしたいコードなのかがパッと見わからなくなる。 アニメーション完了後に何かをするといえば、慣例的に以下のように書くことがポピュラーである。 $('.target') .animate({ top: '+=100px' }, 500, 'swing', function () { // アニメーション完了後に実行される alert('done!'); }); jQuery 1.6 から、 animate や fadeOut といった処理がキューに入る系のメソッドでは、キューがすべて空っぽになっ
jQueryでページ上の座標（X座標／Y座標）を取得する方法｜BLACKFLAG
Webページ上でカーソル位置やクリックされた位置によって ポップアップを出したりモーダル位置を調整したりツールチップを出したり いろいろと処理を加えることがあると思います。 そんな際のページ上のポイント位置の座標（X座標／Y座標）を取得して 位置を調整する処理方法を簡単に紹介してみたいと思います。 jQueryでページ上の座標（X座標／Y座標）を取得する方法【ページ全体の場合】 ページ上のX座標・Y座標を取得するには —————————– X座標 = e.pageX Y座標 = e.pageY —————————– を使って値を取得することができます。 各座標の値を取得するサンプルとして ページ上のクリックされた位置のX座標／Y座標を取得してみると。 ページ上のクリックされたポイントのX座標／Y座標を取得（別枠で表示されます）※別枠で表示される画面内をクリックしてみてください。 クリックさ
jQueryのanimateで自由にアニメーションできるようになろう
jQueryのanimateで自由にアニメーションできるようになろう jQueryにはアニメーションをするための機能がいろいろとありますが、ここでは「animate」メソッドの扱い方をご紹介いたします。 投稿日2011年12月27日 更新日2011年12月27日 動かす前の準備 jQueryの前に動かす要素をhtml&cssで作成しておきましょう。 html <div id="box"></div> css #box { width: 100px; height: 100px; background: #3399FF; } jQueryコードを書くときの基本的な形は次のようになります。 javascript <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.m
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Lateral On-Scroll Sliding with jQuery