A
Та вроде было бы что изобретать, в самом деле
это понятно, что дело техники.. но мы ведь пользуемся jQuery
Size: a a a
2020 November 25
A
это ж "целая библиотека"! когда можно просто document.querySelector.. и прочее
J
искал, но не нашел, к удивлению
Ссылка, по которой я прошёл - на документацию по методу получения расположения вашего дива
J
Это уже почти половина того что вам надо)
A
.offsetTop() скорее
J
Дальше есть .scrollTop
A
.scrollTop() есть на скрине
J
.offsetTop() скорее
Ну вот, вроде даже что-то знаете. Уже бы попробовали написать в песочницу, вдруг оно работает)
J
.scrollTop() есть на скрине
Вроде больше ничего не надо
A
Ну вот, вроде даже что-то знаете. Уже бы попробовали написать в песочницу, вдруг оно работает)
а мне это зачем?
J
а мне это зачем?
Пардон, путаю собеседников
2020 November 26
AA
Привет всем подскажите плиз owl carusel2
Надо при загрузки страницы
Что бы слайдер именно данной старинце был в центре
Есть в урл /category&path=25 т.е. мы знаем текущие категорию
<div class="item text-center" id="path=<?php echo $category['category_id']; ?>" data-hash="path=<?php echo $category['category_id']; ?>">
В верстке тут можем получить текушию категорию
<script type="text/javascript"><!--
$(function() {
var owl = $(".owl-carousel");
owl.owlCarousel({
items: 9,
loop: true,
center: true,
scrollPerPage: true,
callbacks: true,
URLhashListener: true,
margin: 10,
startPosition: 'path=<?php echo $category['category_id']; ?>',
slideBy: 1,
autoplayHoverPause: true,
})}).on('click', '.owl-item', function(e) {
const carousel = $('.owl-carousel').data('owl.carousel');
carousel.to(carousel.relative($(this).index()), false, true);
});
var getUrl = window.location.href;
--></script>
Так реализованн слайдер
Сейчас в слайдере выбираю нужный слайдер он встает в центр но при переходе на категорию которую выбрали класс центр на всех старницах при загрузке ставиться только слайдеру одному
выбираю слайдер другой он становитсья в середениу но при перезагрузки возрашаетсья тот изначальный
Надо при загрузки страницы
Что бы слайдер именно данной старинце был в центре
Есть в урл /category&path=25 т.е. мы знаем текущие категорию
<div class="item text-center" id="path=<?php echo $category['category_id']; ?>" data-hash="path=<?php echo $category['category_id']; ?>">
В верстке тут можем получить текушию категорию
<script type="text/javascript"><!--
$(function() {
var owl = $(".owl-carousel");
owl.owlCarousel({
items: 9,
loop: true,
center: true,
scrollPerPage: true,
callbacks: true,
URLhashListener: true,
margin: 10,
startPosition: 'path=<?php echo $category['category_id']; ?>',
slideBy: 1,
autoplayHoverPause: true,
})}).on('click', '.owl-item', function(e) {
const carousel = $('.owl-carousel').data('owl.carousel');
carousel.to(carousel.relative($(this).index()), false, true);
});
var getUrl = window.location.href;
--></script>
Так реализованн слайдер
Сейчас в слайдере выбираю нужный слайдер он встает в центр но при переходе на категорию которую выбрали класс центр на всех старницах при загрузке ставиться только слайдеру одному
выбираю слайдер другой он становитсья в середениу но при перезагрузки возрашаетсья тот изначальный
AA
Помогите надо ловить в урл текущию категорию и ставить слайдер в центр текущий категории
J
Andrey Andrey
Помогите надо ловить в урл текущию категорию и ставить слайдер в центр текущий категории
J
Получите id категории и в зависимости от него при инициализации ставьте активный слайд, в доке слайдера должна быть инфа как это сделать
AA
да именно к каресели приспособить вот в чем вопрос
AA
вот имеено сейчас я и так получаю по коду
AA
моему но не рабоатет стартовая позция
AA
текущего айди