余分なプラグインを使用せずにマウスドラッグを使用して画像スライダーを作成したいと思います。次の関数の助けを借りてこれを得るためにjQueryで使用される数式がありますか?私はここに外部プラグインに余分なプラグインを使用せずにマウスドラッグを使用して画像スライダーを作成したい
1
A
答えて
0
をしたくない
$(".cont").on("mousestart",function() {
$(".cont").on("mouseend",function() {
});
});
は、クリックイベントに画像を変更する例です。必要に応じて他のイベントをバインドすることもできます。
$(function() {
var transition_speed = 300;
var simple_slideshow = $("#exampleSlider"),
listItems = simple_slideshow.children('li'),
listLen = listItems.length,i = 0;
changeList = function() {
\t \t listItems.eq(i)
.fadeOut(transition_speed,function() {
i += 1;
if (i === listLen) {
i = 0;
}
listItems.eq(i).fadeIn(transition_speed);
});
};
listItems.not(':first').hide();
$('#exampleSlider').on('click', function() {
changeList(); // Do this once immediately
})
});
img {
width: 100%:
}
#exampleSlider {
max-height: 250px;
overflow: hidden;
list-style: none;
padding: 0;
width:500px;
margin: 0;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul id="exampleSlider">
<li><img src="http://placehold.it/500x250" alt="" /></li>
<li><img src="http://placehold.it/500x260" alt="" /></li>
<li><img src="http://placehold.it/500x270" alt="" /></li>
<li><img src="http://placehold.it/500x280" alt="" /></li>
</ul>
+0
ありがとう、しかし、マウスドラッグの助けを借りて画像を変更することによってどのような例があっても –
+0
http://jsfiddle.net/M8ydk/このリンクをご覧ください –
+0
はい、それはうまくいきましたが、ディビジョン –
関連する問題
- 1. ノックアウトを使用してスライダーを作成
- 2. 余分なbooleanFieldを使用してパスワードを作成する
- 3. 画像をアップロードしてプラグインで使用
- 4. CoreDataを使用してNSDataを使用せずに画像を保存する
- 5. 他の画像ビュータグを使用した画像ビューの作成
- 6. NSExtensionJavaScriptPreprocessingFileを使用して画像を共有しない画像
- 7. Googleマップ/マウスドラッグを使用した道順
- 8. ブロックを使用せずにARCを使用してシングルトンを作成する
- 9. PHPを使用して3D画像を作成するには?
- 10. imcropを使用して画像を半分に分割する
- 11. 新しいインスタンスを作成せずにクラスを使用する
- 12. アンドロイド(SlideShow)で画像を使用したアニメーションシーケンスを作成する
- 13. XObjectを使用して外部画像を使用したPDF
- 14. Wordpressプラグインを使用して画像からビデオを生成するには
- 15. 余分なインデックスを追加せずにPandas groupby apply()を使用する方法
- 16. html5を使用して画像を作成する
- 17. Javaを使用して画像ギャラリーを作成する
- 18. スキャナメソッドを使用して画像を再作成する方法
- 19. iPhone - テキストと画像を使用してPDFを作成する
- 20. 新しい画像を作成せずに画像を編集する
- 21. 他の画像を使用した画像の生成
- 22. pthreadを使用したマンデルブロ画像の作成
- 23. QMLを使用せずにQVirtualKeyboardプラグインを使用するには?
- 24. eclipseで余分なネイティブコードライブラリを使用してRunnable jarにエクスポート
- 25. フレックスとAlivePDFを使用した画像付きクライアントサイドPDF作成の画像
- 26. Grailsプラグインで画像をバンドルし、プラグインを使用してアプリケーションからそれらの画像を参照しても動作しません。
- 27. codeigniterを使用して画像のサムネイルを2つ作成できません
- 28. redirect_toを使用して余分なパラメータを渡す
- 29. colorboxとjqueryプラグインを使用した画像のグループ化
- 30. generic.xamlを使用せずにカスタムコントロールを作成しますか?
はい。しかし、あなたが試みた最小限のコードを投稿してください。そして、あなたの前の質問からあなたの問題を解決する答えを受け入れるのを忘れてはいけません。記号を右クリックしてください。それ以外の場合は、あなたの問題を解決していないコメントを与える。 – ketan
またはコード用にスニペットまたはフィドルを作成できます。 –