<div>
<input type="radio" id="example">
<label for="example"></label>
</div>
input:checked + label{
background: red;
}
$(".overlay-1").click(function(){
$('.overlay').toggleClass('hidden');
currentCity = $('.header-city').text("Ижевск");
//записываем в куку значение города
$.cookie('city', 'ijevsk', { expires: 7, path: '/' });
return currentCity;
});
$(".overlay-2").click(function(){
$('.overlay').toggleClass('hidden');
currentCity = $('.header-city').text("Москва");
//записываем в куку значение города
$.cookie('city', 'moscow', { expires: 7, path: '/' });
return currentCity;
});
$(document).ready(function(){
//здесь нужно добавить инструкцию, которая проверяет куку и записывает значение куки в блок,если кука есть
});
$( document ).ready(function() {
var pane = $('.scroll-pane');
pane.jScrollPane({
showArrows: true
});
var api = pane.data('jsp');
api.scrollTo( 100, 200);
});
/* Родительский блок */
.block {
text-align: center;
white-space: nowrap;
}
/* Псевдоэлемент, который занимает всю высоту родителя. Относительно его центра будет выравниваться позиция выравниваемого элемента */
.block:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -0.25em; /* Adjusts for spacing */
}
/* Выравниваемый элемент с неопределенной шириной и высотой */
.centered {
display: inline-block;
vertical-align: middle;
width: 300px;
}
href="gallery.html"
href="gallery.html?kl1"
href="gallery.html?kl2"
href="gallery.html?kl3"
...
href="gallery.html?obiv"
$( document ).ready(function() {
if(window.location.href.indexOf("kl1") > -1) {// ищем в урле параметр
$('[data-category="kl1"]').click(); //симулируем нажатие на выбор категории на странице с галереей
} else if(window.location.href.indexOf("kl2") > -1){
$('[data-category="kl2"]').click(); //симулируем нажатие на выбор категории на странице с галереей
} .... (window.location.href.indexOf("obiv") > -1){
$('[data-category="obiv"]').click(); //симулируем нажатие на выбор категории на странице с галереей
}
});
/*====================================
SLIDER SCRIPTS
======================================*/
$('#carousel-slider').carousel({
interval: 2000 //TIME IN MILLI SECONDS
});