hoverpulseを使用するとき、長方形の画像を縦横比率を変更せずに拡大したいのですが、デフォルトだと比率がずれてしまいます。どうしたら比率をキープできますか?
$(document).ready(function() { $(’#selectroomimg’).hoverpulse({ size:100 });});
ソース見る限り比率を個別に設定する方法が用意されてないみたいだから、改造するしかない気がする。
どのように改造したらよいかをお教えいただきたいのですが、、、
ざくっと書いたんで間違ってたらごめん。(こういうのって制作者に要望出すとかしないんかな?)
hover overのアニメーションのところ、16〜19行目を修正。 //引数のsizeの数値を高さとして指定したい場合 top:('-'+opts.size / 3+'px'), left:('-'+((w / 3) * (opts.size / h))+'px'), height:opts.size+'px', width:(w * (opts.size / h))+'px' //sizeの数値を横幅として利用したい場合 top:('-'+((h / 3) * (opts.size / w))+'px'), left:('-'+opts.size / 3+'px'), height:(h * (opts.size / w))+'px', width:opts.size+'px'
46〜49行目だった。
ありがとうございます!大変助かりました!
みんなの回答 3 件
ソース見る限り比率を個別に設定する方法が用意されてないみたいだから、改造するしかない気がする。
どのように改造したらよいかをお教えいただきたいのですが、、、
ざくっと書いたんで間違ってたらごめん。(こういうのって制作者に要望出すとかしないんかな?)
hover overのアニメーションのところ、16〜19行目を修正。
//引数のsizeの数値を高さとして指定したい場合
top:('-'+opts.size / 3+'px'),
left:('-'+((w / 3) * (opts.size / h))+'px'),
height:opts.size+'px',
width:(w * (opts.size / h))+'px'
//sizeの数値を横幅として利用したい場合
top:('-'+((h / 3) * (opts.size / w))+'px'),
left:('-'+opts.size / 3+'px'),
height:(h * (opts.size / w))+'px',
width:opts.size+'px'
関連するトピックス