Javascript 我想创建图像滑块使用鼠标拖动而不使用额外的插件

我想创建图像滑块使用鼠标拖动而不使用额外的插件。在jQuery中是否有任何数学公式可用于借助以下函数获得此结果

$(".cont").on("mousestart",function() {  
     $(".cont").on("mouseend",function() {
     });
});

---

我不需要外部插件

这里是更改点击图像事件的示例。如果需要，还可以绑定任何其他事件

$（函数（）{
var转换速度=300；
var simple_slideshow=$（“#示例滑块”），
listItems=simple_slideshow.children（'li'），
listLen=listItems.length，i=0；
变更列表=函数（）{
listItems.eq（i）
.衰减（转换速度、功能（）{
i+=1；
如果（i==listLen）{
i=0；
}  
列表项.eq（i）.fadeIn（过渡速度）；
});
};
listItems.not（“：first”）.hide（）；
$（'exampleSlaider'）。在（'click'，函数（）{
changeList（）；//立即执行一次
})
});
img{
宽度：100%：
}
#示例滑块{
最大高度：250px；
溢出：隐藏；
列表样式：无；
填充：0；
宽度：500px；
保证金：0；
}






以下是单击时更改图像事件的示例。如果需要，还可以绑定任何其他事件


$（函数（）{
var转换速度=300；
var simple_slideshow=$（“#示例滑块”），
listItems=simple_slideshow.children（'li'），
listLen=listItems.length，i=0；
变更列表=函数（）{
listItems.eq（i）
.衰减（转换速度、功能（）{
i+=1；
如果（i==listLen）{
i=0；
}  
列表项.eq（i）.fadeIn（过渡速度）；
});
};
listItems.not（“：first”）.hide（）；
$（'exampleSlaider'）。在（'click'，函数（）{
changeList（）；//立即执行一次
})
});
img{
宽度：100%：
}
#示例滑块{
最大高度：250px；
溢出：隐藏；
列表样式：无；
填充：0；
宽度：500px；
保证金：0；
}






是。但是发布您尝试过的最小代码。不要忘记接受任何通过右键单击符号解决您上一个问题的答案。否则，如果它不能解决您的问题，请给出评论。或者您可以为代码创建代码段或小提琴。是的。但是发布您尝试过的最小代码。不要忘记接受任何通过右键单击符号解决您上一个问题的答案。如果它不能解决您的问题，请发表评论。或者您可以为代码创建代码片段或提琴。谢谢，但是您有任何通过鼠标拖动来更改图像的示例，它是有效的，但是当我将鼠标移出div时，它的幻灯片更改没有单击div谢谢，但是您有任何通过鼠标拖动来更改图像的示例，它是有效的，但当我将鼠标移出div时，它的幻灯片会发生变化，而不会单击div