jqueryのスライドについて


$("#hoge").animate( { width: 'hide' }, 'slow' ) として、

「ABCDE」と書かれている画像を左側に消えるようにしようとすると、
E側(画像の右側)から順に見えなくなるように消えていきますが、

そうではなく、「ABCD」の画像自体が左側に移動して
Aから順に見えなくなって消えていくようには出来ないでしょうか。

よろしくお願いします。

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2014/08/09 14:28:04
  • 終了:2014/08/09 18:32:46

ベストアンサー

id:a-kuma3 No.1

a-kuma3回答回数4489ベストアンサー獲得回数18572014/08/09 17:53:16

ポイント100pt

こんな感じでしょうか。

<script>
$(function() {
    $("#slide").click(function() {
        $("#hoge").animate( { "margin-left": "-355px" }, 'slow' );
    });
});
</script>
<button id="slide">GO !</button><br><br>
<img id="hoge" src="http://f.st-hatena.com/images/fotolife/a/a-kuma3/20140809/20140809174725.png?1407574053">

-355px の 355px は、消えていく画像の幅のサイズです。


jsFiddle で試したのがこちら。
http://jsfiddle.net/a_kuma3/1fsfmxjp/1/

id:worldtravel

ありがとうございます。
うまく出来ました!

勉強になりました。

2014/08/09 18:32:38

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません