부트스트랩 이미지 슬라이드 클릭 문제

2016-03-12 (토) 23:09:15 3,893

부트스트랩의 이미지슬라이드를 적용해서만들었는데 이미지 컨트롤버튼하고 이미지클릭이안되는데 혹시 다른걸적용해야하는지.. 어떻게해야하죠..

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> 

 <!-- 이미지 슬라이드 -->

            <div class="Mid_content">

                <div class="img_slied">

                    <div class="container">

                        <br>

                          <div id="myCarousel" class="carousel slide" data-ride="carousel">

                            <ol class="carousel-indicators">

                              <li data-target="#myCarousel" data-slide-to="0" class="active"></li>

                              <li data-target="#myCarousel" data-slide-to="1"></li>

                              <li data-target="#myCarousel" data-slide-to="2"></li>

                              <li data-target="#myCarousel" data-slide-to="3"></li>

                            </ol>

                            <div class="carousel-inner" role="listbox">

                              <div class="item active">

                                <img src="img/img.jpg" alt="Chania" width="900" height="400">

                              </div>

                              <div class="item">

                                <img src="img/img.jpg" alt="Chania" width="900" height="400">

                              </div>

                              <div class="item">

                                <img src="img/img.jpg" alt="Flower" width="900" height="400">

                              </div>

                              <div class="item">

                                <img src="img/img.jpg" alt="Flower" width="900" height="400">

                              </div>

                            </div>

                            <!-- 컨트롤 -->

                            <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">

                              <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>

                              <span class="sr-only">Previous</span>

                            </a>

                            <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">

                              <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>

                              <span class="sr-only">Next</span>

                            </a>

                        </div>

                    </div>

                </div>

            </div>

4e32d923e23ea2bb0f8b9b5c8db6bb51_1457791740_5717.PNG
스크립트 적용...

4e32d923e23ea2bb0f8b9b5c8db6bb51_1457791592_5697.PNG
 

|

답변 1개

콘솔에 에러를 확인해보세요

제이쿼리 충돌일수도 ..

에러없이 이미지만 안나온다면 이미지경로 확인해보세요

답변을 작성하려면 로그인이 필요합니다.