我们如何使用jquery在网站中使用图像滑块 [英] How do we use image slider in website using jquery

问题描述

我试过这样但是图像滑动不起作用，图像相互重叠。

所以请让我解决这个问题

I tried like this but images sliding is not working and images are overlaping one on another.
so please get me out of this problem

<script>
$(window).load(function() {
  $('.flexslider').flexslider({
    animation: "slide"
  });
});
 </script>

<div class="middlediv">
        <div id="imagediv" style="float:left;">
           <ul class="middlediv">
    <li>
      <img src="Content/themes/base/images/Banner01.png" />
    </li>
    <li>
      <img src="Content/themes/base/images/Banner02.png" />
    </li>
    <li>
      <img src="Content/themes/base/images/Banner03.png" />
    </li>
    <li>
      <img src="Content/themes/base/images/Banner04.png" />
    </li>
  </ul>
</div>

推荐答案

（窗口）.load（function（function（ ）{

(window).load(function() {

（'。flexslider'）。flexslider（{
animation：slide
}）;
}）;
< / script >

('.flexslider').flexslider({ animation: "slide" }); }); </script>

<div class="middlediv">
        <div id="imagediv" style="float:left;">
           <ul class="middlediv">
    <li>
      <img src="Content/themes/base/images/Banner01.png" />
    </li>
    <li>
      <img src="Content/themes/base/images/Banner02.png" />
    </li>
    <li>
      <img src="Content/themes/base/images/Banner03.png" />
    </li>
    <li>
      <img src="Content/themes/base/images/Banner04.png" />
    </li>
  </ul>
</div>

我认为'.flexslider'这是一个我不是的课程能够看到您的HTML代码。

是否与您为滑动目的而写的相同。？

I think '.flexslider' this is a class which i am not able to see in your HTML code.
Is it the same which you have written for sliding purpose.?

这篇关于我们如何使用jquery在网站中使用图像滑块的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！