Как сделать чтобы при нажатии миниатюры в слайдере, происходил переход на страницу?

Анатолий
На сайте с 13.03.2009
Offline
138
2620

Доброй ночи.

Есть сайт на ВП:

http://internet-obl.net/

Там на главной есть слайдер (галерея):

(Примеры работы)

Надо:

Чтобы при нажатии миниатюры в слайдере, происходил переход на указанную (привязанную к миниатюре) страницу сайта.

Пишу на любые темы, в т.ч. и на сложные технические (https://t.me/Pisar1). Стоимость: от 100р./1000сп +- Готов рассмотреть Ваши предложения и выполнить небольшое тестовое задание. Примеры моих статей: ------------------- https://dzen.ru/media/pisec/gerwin--eto-iipisec-realnyi-pomoscnik-i-konkurent-dlia-kopiraiterov-63acb833886e17677f48b4b7 https://nag.ru/news/20989 https://nag.ru/material/20822 http://habrahabr.ru/post/254609/
Ragnarok
На сайте с 25.06.2010
Offline
239
#1
//TODO: перестать откладывать на потом
Анатолий
На сайте с 13.03.2009
Offline
138
#2

Спасибо, конечно...

Но указанный в примере способ и так очевиден (окружить адреса картинок ссылками на страницы).

Вопрос - как и где это сделать в коде слайдера?

Или (может быть) установить плагин (какой?) слайдера/галереи с более расширенным функционалом?

S
На сайте с 30.09.2016
Offline
469
#3

А зачем лезть в код слайдера? Слайдер наверняка только стили блоков вашего сайта изменяет, а ссылки надо вставлять в эти блоки.

П.С. Посмотрел на Ваш слайдер - там и так всё оформлено через ссылку, но ссылка ведёт на большое изображение.

Не смотрел сам код, но скорее всего, надо отменять событие onclick в слайдере.

Отпилю лишнее, прикручу нужное, выправлю кривое. Вытравлю вредителей.
nezabor
На сайте с 19.07.2010
Offline
152
#4

tolika, кажется там что-то такое есть(в смысле событие, а есть событие - вы все можете, например записать url куданить и при нажатии его прочитать)

function pageLoaded( event, data ) {
$( "a.on", "#pages" )
.removeClass( "on" )
.css(*"background-image", "url(/img/page-off.png)" );
$( "a", "#pages" )
.eq( data.page )
.addClass( "on" )
.css(*"background-image", "url(/img/page-on.png)" );
var myDiv = $(event.target).children('.wrapper').children('div').attr('id');
//дорисовываем скрытые элементы
showElement(myDiv);
}
$("#carousel").rcarousel(
{
visible: 1,
step: 1,
speed: 1000,
auto: {
enabled: true
},
width: carWeight,
height: 310,
start: generatePages,
pageLoaded: pageLoaded
}
);

это я у себя кусочек кода взял, можно и элегантней, но и так сойдет

---------- Добавлено 06.02.2017 в 23:02 ----------

вот же вроде от ващего сладера

API слайдера

Настройка Описание

start: function(){}, function(slider) - Срабатывает, когда слайдер загружает первый слайд

before: function(){}, function(slider) - Срабатывает асинхронно с каждой анимацией слайдера

after: function(){}, function(slider) - Срабатывает после каждой завершенной анимацией слайдера

end: function(){}, function(slider) - Срабатывает, когда слайдер доходит до последнего элемента (асинхронный)

added: function(){}, Callback: function(slider) - Срабатывает после того, как слайд добавлен

removed: function(){} Callback: function(slider) - Срабатывает после того, когда слайд удален

Чудес не бывает...
totamon
На сайте с 12.05.2007
Offline
437
#5
tolika:
Или (может быть) установить плагин (какой?) слайдера/галереи с более расширенным функционалом?

самый простой вариант) ваш слайдер стандартный от галереи и функционал его выводить картинки, попробуйте например https://wordpress.org/plugins/kiwi-logo-carousel/

Домены и хостинг https://8fn.ru/regru | Дедик от 3000р https://8fn.ru/73 | VPS в Москве https://8fn.ru/72 | Лучшие ВПС, ТП огонь, все страны! https://8fn.ru/inferno | ХОСТИНГ №1 РОССИИ https://8fn.ru/beget
SeVlad
На сайте с 03.11.2008
Offline
1609
#6
tolika:

Вопрос - как и где это сделать в коде слайдера?

Да что вам всем неймется лез в коды-то? В админке глаза открыть надо. Стоит самый навороченный (и глючно-тормозной) плаг (NGG), в нём можно делать что только в голову придёт, но нет - им коды надо лезть.

Делаю хорошие сайты хорошим людям. Предпочтение коммерческим направлениям. Связь со мной через http://wp.me/P3YHjQ-3.
Анатолий
На сайте с 13.03.2009
Offline
138
#7
SeVlad:
Да что вам всем неймется лез в коды-то? В админке глаза открыть надо. Стоит самый навороченный (и глючно-тормозной) плаг (NGG), в нём можно делать что только в голову придёт, но нет - им коды надо лезть.

в настройках NGG так и не нашёл, как к миниатюрам ссылки на страницы привязать... :(

("...чукча, ты не умничай, ты пальцем покажи...")

SeVlad
На сайте с 03.11.2008
Offline
1609
#8
tolika:
в настройках NGG так и не нашёл, как к миниатюрам ссылки на страницы привязать..

Это печально... (с)

Показать не могу - давно пропало желание близко подходить к этому кривому чудищу. Но то, что там возможно всё, а тем более такое элементарное - это факт.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий