jquery - 在其中一列中包含 slider

Question

how can i add slider in one of the column(i.e. video column). I have amazing slider but i failed to show that in column. I am a beginner and a learner. Your help will be appreciated. Thank You

<div class="container">
    <div class="row text-center">


            <div class="col-md-4 col-sm-7 hero-feature">
                <div class="thumbnail">
                        <img src="images/one.jpg" style="
    height: 200px;
    width: 300px;
">
                    <div class="caption">
                        <h3>Videos</h3>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
                        <p>
                            <a href="#" class="btn btn-primary">Buy Now!</a> <a href="#" class="btn btn-default">More Info</a>
                        </p>
                    </div>
                </div>
            </div>

            <div class="col-md-4 col-sm-7 hero-feature">
                <div class="thumbnail">
                   <img src="images/one.jpg" style="
    height: 200px;
    width: 300px;
">
                    <div class="caption">
                        <h3>HSE Resource</h3>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
                        <p>
                            <a href="#" class="btn btn-primary">Buy Now!</a> <a href="#" class="btn btn-default">More Info</a>
                        </p>
                    </div>
                </div>
            </div>
            </div>
    </div>

Answer 1

正如您在 quickstart 上看到的那样对于 amazingslider，您需要做的就是首先创建您的 slider ，然后将其实现到 HTML 中。

对于你的例子，你应该做类似的事情

<div id="amazinslider1">
  <ul class="amazingslider-slides">
      <li><img src="path/to/image"></li>
  </ul>
</div>

并且不要忘记在 </head> 结束之前添加 js