유튜브 백그라운드 대신 슬라이드로 변경하기

안녕하세요. 주말이라 작업해놓고 이제서야 올리네요~
아래 코드를 유튜브 주석처리하시거나 삭제하시고 교체해주세요.
테마폴더/index.php 입니다.

이미지는 경로만 잡아주시면 됩니다. 이미지가 없어서 이미지 출력이 안될듯 합니다.
감사합니다.


 

<!-------------------------- 슬라이드 시작 -------------------------->

<div class="fullwidthbanner">

<div class="tp-banner">

<ul>

<!-- SLIDE 1 -->

<li data-transition="fade" data-slotamount="5" data-masterspeed="1000" data-title="Powerful Theme">

<img src="<?=G5_THEME_URL?>/img/background/bg_2.jpg"  alt="darkblurbg"  data-bgfit="cover" data-bgposition="center top" data-bgrepeat="no-repeat" style="display:none;">

<div class="caption text-center-top sft"

data-x="center"

data-y="210"

data-speed="1000"

data-start="1400"

data-easing="easeOutExpo">

Business template

</div>

<div class="caption text-center-btm sfr text-center"

data-x="center"

data-y="265"

data-speed="1000"

data-start="1600"

data-easing="easeOutExpo">

글로벌 윤리경영을 위해서 각종국제협약, 국제기구의 윤리기준설정<br />

OECD 회원국의 관련법규등의 책임감있는 회사로 지켜나가겠습니다.

</div>

<div class="caption sfb rev-buttons tp-resizeme"

data-x="center"

data-y="350"

data-speed="500"

data-start="1800"

data-easing="Sine.easeOut">

<a href="#" class="btn border-white btn-lg">View features</a>

</div> 

</li>

<!-- SLIDE 2 -->

<li data-transition="fade" data-slotamount="5" data-masterspeed="1000" data-title="Multipurpose">

<img src="<?=G5_THEME_URL?>/img/background/bg_1.jpg"  alt="darkblurbg"  data-bgfit="cover" data-bgposition="center top" data-bgrepeat="no-repeat" style="display:none;">

<div class="caption title-2 sft"

data-x="50"

data-y="160"

data-speed="1000"

data-start="1000"

data-easing="easeOutExpo">

A Safe Company <br>

Business Template

</div>

<div class="caption text sfl"

data-x="50"

data-y="290"

data-speed="1000"

data-start="1800"

data-easing="easeOutExpo">

안전하고 책임감있는 회사로 거듭나기 위하여 첫번째도<br />

안전, 두번째도 안전, 세번째도 안전을 위해서 노력하고 있습니다.

</div>

<div class="caption sfb rev-buttons tp-resizeme"

data-x="50"

data-y="360"

data-speed="500"

data-start="1800"

data-easing="Sine.easeOut">

<a href="#" class="btn btn-theme-bg btn-lg">Purchase Now</a>

</div>

<div class="caption sfb rev-buttons tp-resizeme"

data-x="250"

data-y="360"

data-speed="500"

data-start="2100"

data-easing="Sine.easeOut">

<a href="#" class="btn border-white btn-lg">View features</a>

</div>

</li>

<!-- SLIDE 3 -->

<li data-transition="fade" data-slotamount="5" data-masterspeed="1000" data-title="Unique Theme">

<!-- MAIN IMAGE -->

<img src="<?=G5_THEME_URL?>/img/background/bg_3.jpg"  alt="darkblurbg"  data-bgfit="cover" data-bgposition="center top" data-bgrepeat="no-repeat" style="display:none;">

<div class="caption text-center-top sft"

data-x="right"

data-y="210"

data-speed="1000"

data-start="1400"

data-easing="easeOutExpo">

Business Template

</div>

<div class="caption text-center-btm sfr text-center"

data-x="right"

data-y="265"

data-speed="1000"

data-start="1600"

data-easing="easeOutExpo">

SOFTZONE is a creative multipurpose theme, you can use it for<br>  business, corporate, portfolio, shop events, personal and more...

</div>

<div class="caption sfb rev-buttons tp-resizeme"

data-x="right"

data-y="350"

data-speed="500"

data-start="1800"

data-easing="Sine.easeOut">

<a href="#" class="btn border-white btn-lg">View features</a>

</div>

</li>

</ul>

</div>

</div><!--full width banner-->

<!-------------------------- 슬라이드 끝 -------------------------->