<li><img><li>となっており、liにはimgの一部分を表示させたいので、width指定してあります。ここにマウスを乗せた時に、imgが全て表示されるようにしたいのですが、animateで開きたいのです。cssだと:hover{ width: auto; }で解決なのですが、jQueryで同じくanimate({ width: "auto" })と書いてもうまく動きません。もちろん、animateでwidthを数値で指定すればうまく動きます。img分の幅をアニメーションで開かせるには、どのようにすればいいのか、ご教授願えないでしょうか?宜しくお願い致します。
みんなの回答 4 件
普通に考えてimgのwidthを実数で取得して指定するよね。
ローディングか何かいれて、
裏で、最初に
$("img").width();
を変数(例:aaa等)の中に取得しておき、
一旦widthを0にし、そのタイミングで
ローディングを終わらせ、
そこから
animate({ width: aaa })
とすれば良いんじゃないかな。
li のhoverの最初のfunctionの中にvar yokohaba = $(this).children().attr("width")で画像の横幅を取得して、あとはanimateの中のwidth値にyokohabaを設定すれば上手くいくはず。
回答下さいました皆様
皆様からの知恵をお借りしjQueryを弄ってるうちに、解決出来ました!
本当に助かりました。
ありがとうございました!m(_ _)m
関連するトピックス