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
お礼
石和温泉近辺の桃写真をたくさん見ました。アタリですね。後方の山は「大蔵経寺山」と確信しました。ありがとうございました。