.menu-item {
position: relative;
display: inline-block;
overflow: hidden;
}
.menu-item:before {
transition: .5s all;
display: block;
content: "";
width: 100%;
height: 2px;
background-color: black;
position: absolute;
top: 50%;
left: -100%;
z-index: 10;
}
.menu-item:hover:before {
left: 100%;
}
add_filter('post_gallery', 'dco_post_gallery', 10, 3);
function dco_post_gallery($output, $attr, $instance) {
$_attachments = get_posts(array('include' => $attr['include'], 'post_status' => 'inherit', 'post_type' => 'attachment', 'post_mime_type' => 'image', 'order' => $attr['order'], 'orderby' => $attr['orderby']));
$attachments = array();
foreach ($_attachments as $key => $val) {
$attachments[$val->ID] = $_attachments[$key];
}
if (empty($attachments)) {
return '';
}
ob_start();
foreach ($attachments as $id => $attachment) :
$full = wp_get_attachment_image_url($id, 'full');
$thumbnail = wp_get_attachment_image_url($id, 'thumbnail');
$alt = $attachment->post_excerpt;
?>
<a class="gallery__item f__col" href="<?php echo $full; ?>">
<img src="<?php echo $thumbnail; ?>" class="gallery__item__img" alt="<?php echo esc_attr($alt); ?>" />
</a>
<?php
endforeach;
return ob_get_clean();
}
mixin main-menu-submenu(data)
ul.main-menu-submenu&attributes(attributes)
each item in data
li.main-menu-submenu__item
a(href="#{item.url}")= item.title
mixin main-menu(data)
nav.main-menu.js-link-sroll&attributes(attributes)
ul
each item in data
- var itemClasses = ['main-menu__item']
//- Доп класс для пунктов с подменю
if (item.submenu !== false)
- itemClasses.push(itemClasses[0] + '_dropdown')
li(class=itemClasses)
a(href="#{item.url}").main-menu__link= item.title
if (item.submenu !== false)
.main-menu__submenu
+main-menu-submenu(item.submenu)
{
"menu": [
{
"title": "Level 1 title 1",
"url": "#url1",
"submenu": [
{
"title": "Submenu item 1",
"url": "url2"
},
{
"title": "Submenu item 2",
"url": "url3"
}
]
},
{
"title": "Level 1 title 2",
"url": "#url4",
"submenu": false
}
]
}
<div class="container">
<div>div 1</div>
<div>div 2</div>
<div>div 3</div>
<div>div 4</div>
<div>div 5</div>
<div>div 6</div>
<div>div 7</div>
</div>
(function($) {
$.fn.classСycle = function(o) {
var _this = this,
opt = $.extend({
class: 'default_class',
delay: 1000
}, o),
divs = $('div', this),
len = divs.length - 1,
init = function(i) {
setTimeout(() => {
divs.removeClass(opt.class);
$(this).addClass(opt.class);
if (i >= len) {
setTimeout(() => $.fn.classСycle.call(_this, opt), opt.delay);
}
}, i * opt.delay);
};
return divs.each(init);
};
}(jQuery));
// Использование
$('.container').classСycle({
class: 'active', // активный класс
delay: 750 // задержка
});
function toggleClassByInterval (className, elements, delay) {
var $divs = $(elements)
var currentPosition = 0
var timer = setInterval(function () {
(currentPosition == $divs.length + 1) && (currentPosition = 0)
$divs.removeClass(className).eq(currentPosition++).addClass(className)
}, delay)
}
slider = $('.bxslider').bxSlider();
slider.reloadSlider();
alert(document.referrer)
Если переходы по внутренним ссылкам, то если пользователь попал на какую-то страницу, значит он перешёл по ссылке, которая ведёт на эту страницу. Если вам нужно изменить поведение функции в зависимости от того по какой ссылке перешли, так и передавайте данные в другой скрипт (GET, POST, хэш...) $('a').click(function(){
event.preventDefault();
// пишем что-то в кукисы
location.href = $(this).attr('href');
})