Skip to content

Instantly share code, notes, and snippets.

@dipiash

dipiash/gist:3fbb408c882f9ccd457c

Last active October 14, 2015 14:59
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save dipiash/3fbb408c882f9ccd457c to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save dipiash/3fbb408c882f9ccd457c to your computer and use it in GitHub Desktop.
Download ZIP
Raw
gistfile1.txt
Ресайз картинки на все окно:
1) http://masscode.ru/files/zip/liCover.zip
2)
```
<link rel="stylesheet" href="/css/liCover.css">
```
3) <img class="cover" src="/pic/image.jpg">
4)
```
<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<script src="js/jquery.liCover.js"></script>
<script>
$(function() {
$(window).load(function(){
$('.cover').liCover({
parent: $(window),
position:'absolute',
veticalAlign:'middle',
align:'center'
})
})
});
</script>
```
@dipiash
Copy link
Author

dipiash commented Oct 14, 2015 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">

    <meta content="product" property="twitter:card">
    <meta content="AUTHOR" property="twitter:site">
    <meta content="TITLE" property="twitter:title">
    <meta content="DESCRIPTION" property="twitter:description">
    <meta content="AUTHOR(twitte account)" property="twitter:creator">

    <meta content="website" property="og:type">
    <meta content="TITLE" property="og:title">
    <meta content="SESCRIPTION" property="og:description">
    <meta content="URL" property="og:url">

    <link rel="stylesheet" href="css/liCover.css">

    <title>Test background</title>
</head>
<body>

    <header>
        <!-->
            Logo
        </!-->

        <!-->
            Btn for Admin
        </!-->
    </header>

    <section>
        <!-->
            Bout content
        </!-->
        <!-->
            Form
        </!-->
    </section>

    <footer>
        <!-->
            Map
        </!-->

        <!-->
            Etc.
        </!-->
    </footer>

    <img class="bg_body" src="img/bg.jpg" alt="background img">

    <script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
    <script src="js/jquery.liCover.js"></script>

    <script>
        $(function() {
            $(window).load(function(){
              $('.bg_body').liCover({
                parent: $(window),
                position:'absolute',
                veticalAlign:'middle',
                align:'center'
              })
            })
        });
    </script>
</body>
</html>

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment