인터넷에서 무료 템플릿을 받아와서 그것으로 수정중인 학생입니다.

대부분의 작업은 끝났지만 슬라이더의 이미지를 변경하고 싶어 찾아봤지만 도무지 방법을 몰라 이렇게 문의를 남깁니다.

슬라이더 이미지는 총 3개이구요.. 처음 이미지가 스크롤 내렸을 때의 페이지에 또 나오는 배경 이미지 입니다.

정말 생초보라 설명이 잘 전달되었는지 걱정되네요..

  <!--
        Home Slider
        ==================================== -->
  
  <section id="home-slider">
            <div id="slider" class="sl-slider-wrapper">

    <div class="sl-slider">
    
     <div class="sl-slide" data-orientation="horizontal" data-slice1-rotation="-25" data-slice2-rotation="-25" data-slice1-scale="2" data-slice2-scale="2">

      <div class="bg-img bg-img-1"></div>
      <div class="slide-caption">
                            <div class="caption-content">
                                <h2 class="animated fadeInDown">FINDING YOUR PUBLIC VOICE</h2>
                              <span class="animated fadeInDown">march 7-12, 2016</span>
                                <!--<a href="#" class="btn btn-blue btn-effect">Join US</a>-->
                            </div>
                        </div>
      
     </div>
     
     <div class="sl-slide" data-orientation="vertical" data-slice1-rotation="10" data-slice2-rotation="-15" data-slice1-scale="1.5" data-slice2-scale="1.5">
     
      <div class="bg-img bg-img-2"></div>
      <div class="slide-caption">
                            <div class="caption-content">
                                <h2><span style="font-size: 36px">2nd Anuual Women in Public Life Conference</span></h2>
                                <span>march 7-12, 2016</span>
                                <!--<a href="#" class="btn btn-blue btn-effect">Join US</a>-->
                            </div>
                        </div>
      
     </div>
     
     <div class="sl-slide" data-orientation="horizontal" data-slice1-rotation="3" data-slice2-rotation="3" data-slice1-scale="2" data-slice2-scale="1">
      
      <div class="bg-img bg-img-3"></div>
      <div class="slide-caption">
                            <div class="caption-content">
                                <h2><span style="font-size: 40px">Center for Media and Peace Initiatives</h2>
                                <span>CMPI Media</span>
                                <!--<a href="#" class="btn btn-blue btn-effect">Join US</a>-->
                            </div>
                        </div>

     </div>

    </div><!-- /sl-slider -->

                <!--
                <nav id="nav-arrows" class="nav-arrows">
                    <span class="nav-arrow-prev">Previous</span>
                    <span class="nav-arrow-next">Next</span>
                </nav>
                -->
               
                <nav id="nav-arrows" class="nav-arrows hidden-xs hidden-sm visible-md visible-lg">
                    <a href="javascript:;" class="sl-prev">
                        <i class="fa fa-angle-left fa-3x"></i>
                    </a>
                    <a href="javascript:;" class="sl-next">
                        <i class="fa fa-angle-right fa-3x"></i>
                    </a>
                </nav>
               

    <nav id="nav-dots" class="nav-dots visible-xs visible-sm hidden-md hidden-lg">
     <span class="nav-dot-current"></span>
     <span></span>
     <span></span>
    </nav>

   </div><!-- /slider-wrapper -->
  </section>

소스코드 입니다. 혹시나 부가적인 정보가 필요하면 알려주시면 감사하겠습니다. :)

  
        <!--
        End Home SliderEnd
        ==================================== -->