<section class="section">
<div class="section__inner container">
<div class="text-block">
<h2>Lorem ipsum.</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Officiis sequi nam temporibus quibusdam possimus repudiandae veritatis, in autem! Repellat maiores quia neque aspernatur libero consequatur quod provident, explicabo voluptatum dolor!</p>
</div>
</div>
</section>
body {
margin: 0;
font: 100%/1.4 sans-serif;
}
.container {
margin-left: auto;
margin-right: auto;
max-width: 960px;
}
.section {
position: relative;
height: 100vh;
color: #FFF;
background-color: #FFC056;
}
.section::before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 50%;
background: url("http://placeimg.com/400/400") no-repeat 50% / cover;
}
.section__inner {
height: 100%;
display: flex;
flex-direction: row;
align-items: center;
}
.text-block {
box-sizing: border-box;
padding: 2em;
width: 50%;
margin-left: 50%;
}
$(function () {
$(".next").click(function(){
var width = $(".progress-bar").css("width");
width = parseInt(width) * 1.1;
$(".progress-bar").css("width", width + "px");
});
});
пробовал поставить через класс но что то я делаю не так или это вообще не возможно
$("#form").submit(...)
. Если у вас на странице все формы именно те, что вам нужно обрабатывать указанным скриптом, то вам достаточно написать вот так: $("form").submit(...)
. Если же у вас есть еще какие-то формы, которые нужно обрабатывать иным способом, то вам следует придумать некий класс для обсуждаемых форм, и делать по ним выборку таким образом: $("form.some-class").submit(...)
. $.fancybox.open({
src : '#hidden-content',
type : 'inline',
opts : {
onComplete : function() {
console.info('done!');
}
}
});
// To use lazy loading, set a data-lazy attribute
// on your img tags and leave off the src
<img data-lazy="img/lazyfonz1.png"/>
$('.lazy').slick({
lazyLoad: 'ondemand',
slidesToShow: 3,
slidesToScroll: 1
});