Skip to content

Instantly share code, notes, and snippets.

@alien3d

alien3d/aaa

Created August 22, 2017 10:35
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save alien3d/b217e21f9e11a87963296272cee1851e to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save alien3d/b217e21f9e11a87963296272cee1851e to your computer and use it in GitHub Desktop.
Download ZIP
Raw
aaa
<html>
<head>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" />
</head>
<style>
.carousel-inner>.item>img, .carousel-inner>.item>a>img {
display: block;
max-width: 100%;
line-height: 1;
width: 100%;
}
</style>
<body>
<div style="height:80px;display:block">
menu
</div>
<div class="clearfix"></div>
<div id="lol">dsfdsfds</div>
<img src="1.jpg" id="lol3">
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<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>
</ol>
<div class="carousel-inner">
<div class="item active">
<img src="1.jpg" id="test1">
</div>
<div class="item">
<img src="2.jpg" id="test2">
</div>
<div class="item">
<img src="3.jpg" id="test3">
</div>
</div>
<a class="left carousel-control" href="#myCarousel" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left">
</span>
</a>
<a class="right carousel-control" href="#myCarousel" data-slide="next">
<span class="glyphicon glyphicon-chevron-right">
</span>
</a>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script>
$("#lol").attr("why","sucl");
$("#lol3").attr("why","sucl");
$("#test1").attr("you sucl","sss");
$("#test1").attr("style","height:"+(h-80)+"!important");
$("#test2").attr("style","height:"+(h-80)+"!important");
$("#test3").attr("style","height:"+(h-80)+"!important");
$( window ).resize(function() {
var h = Math.max(document.documentElement.clientHeight, window.innerHeight || 0);
$("#test1").attr("style","height:"+(h-160)+"!important");
$("#test2").attr("style","height:"+(h-160)+"!important");
$("#test3").attr("style","height:"+(h-160)+"!important");
});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment