본문 바로가기
[Front-End] 프론트엔드/[Plug-in] 플러그인

vegas 플러그인 풀스크린 배경 소스 코드

by codeomni 2018. 8. 11.
반응형

 

안녕하세요.

 

html 문서에는 다양한 플러그인이 있습니다.

플러그인을 통해서 작성자에게 알맞는 홈페이지를

구현할 수 있습니다.

 

 

Vegas 플러그인을 사용하시면 손쉽게 풀 스크린 홈페이지를

구현할 수 있습니다.

 

 

https://vegas.jaysalvat.com/

Vegas 플러그인 홈페이지입니다.

접속하시면 다운로드와 사용 방법을 파악할 수 있습니다.

 

 

 

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<!--
Copyright 2018 Jay Salvat
-->
 
<!DOCTYPE html>
<html>
    <head>
        <title>codeomni.tistory.com vegas 플러그인 풀스크린 배경 소스 코드</title>
        <link rel="stylesheet" href="js/vegas/vegas.min.css">
        <script src="js/jquery-2.1.3.min.js"></script>
        <script src="js/vegas/vegas.min.js"></script>
        <script>
            $(function(){
                $('body').vegas({
                    slides:[
                        {src:'vegas1.png'},
                        {src:'vegas2.png'},
                        {src:'vegas3.png'},
                        {src:'vegas4.png'}
                    ],
                    delay:2500
                });            
            });
        </script>
        <style>
            div {
                color: #d9cbb3;
                margin:  320px 70px;
            }
        </style>
    </head>
    <body>
        <div>
            <h1>codeomni.tistory.com vegas 플러그인 풀스크린 배경 소스 코드</h1>
        </div>
    </body>
</html>
 
cs
 

 

 

 

▲ 실행 화면입니다.

 

 

 

참고 문헌

Vegas Background SlideShow . (Aug 11 2018). https://vegas.jaysalvat.com/. 

댓글