2012年3月6日火曜日

jQZoom Evolutionの使い方

「jQZoom Evolution」を使いました。

参考サイト
・jQueryを使ったズームプラグイン。ECサイトとかによさげ。jQZoom EvolutionとGalleriffic
http://sanride.com/blog/webdesign/jqueryec.php

・デモページ
http://www.mind-projects.it/projects/jqzoom/demos.php#demo1

・使い方
http://www.mind-projects.it/projects/jqzoom/index.php#howtouse

・Webデザイナーが覚えておく、代表的なライセンスまとめ
http://kojika17.com/2011/01/web-designers-have-to-remember-license-summary.php

自分用メモ
・サムネイルを含めて表示する場合は、画像が3枚必要

  1. imgタグ内:サムネイル画像
  2. smallimage内:メイン画像
  3. largeimage内:拡大画像
・リスト表示するためには、demoページ内のcssの追加記載が必要
・トップに表示する画像のサイズに合わせてズームエリアの位置が自動調整

2012年3月1日木曜日

指定個所へスクロールで移動

指定した箇所へスクロール移動を実装するために下記の記事を参考にしました。
ページトップへの移動に使われるjQueryです。
サンプルソースではページトップへの移動に使われていましたが、
今回の利用では指定した箇所へスクロール移動させたかったため、
指定先のクラス名を変更しました。

参考記事
・少しのコードで実装可能な20のjQuery小技集
http://www.webcreatorbox.com/tech/jquery-tips20/

送信時に文字コードを変換

現在制作しているサイトと利用しているショッピングカートで文字コードが違うため、サイトからテキストをショッピングカートに送信した時に文字化けが起こりました。

下記のサイトを参考にして、
送信時に(UTF-8 → Shift-JIS)に文字コードをエンコードすることで解決しました。

・文字コードの違うサイト間のPOST送信
http://warumono.at.webry.info/201110/article_9.html