Открывающийся слайдер по клику на ссылку, картинку и т.д.
Блог
Делимся с Вами своими знаниями и новостями

#Cruelten » Блог » Web » Открывающийся слайдер по клику на ссылку, картинку и т.д.

25.12.2013

Открывающийся слайдер по клику на ссылку, картинку и т.д.

Не так давно мне в комментариях к статье о самом простом слайдере задали вопрос: как сделать слайдер, чтобы он открывался только по клику по определенному месту на сайте, например, на изображении или по ссылке. Вот спешу сообщить об этом и привести соответствующий пример. Итак, думаю предисловий достаточно, пора приступать.

Всю задачу по созданию такого слайдера для удобства мы разабьем на несколько этапов. Это позволит нам лучше понять специфику кода, а также даст возможность не пропустить ничего и сделать наш слайдер именно таким, какой он нам нужен.

Первый этап расписывать здесь я не буду, так как я создал специальную статью по этому  поводу. Наша задача на первом этапе состоит в том, чтобы при щелчке на изображение открывался pop up, в котором мы бы могли размещать все, что угодно, в том числе и слайдер. Более подробно об открывающихся окнах (pop up-ах) читаем здесь.

Итак, если Вы внимательно изучите материал, на который я ссылаюсь, то сможете делать различные всплывающие окна, такие, например, как у меня на сайте на главной странице.

Теперь наша задача состоит в том, чтобы сделать слайдер. Ну, а тут мы просто берем материал из моей статьи «Самый простой слайдер» и вставляем нужный нам код в pop-up. Вот собственно и все. Если будут вопросы, пишите в комментариях, на данный момент мне кажется, что я все объяснил все очень просто. Главное тщательно ознакомиться с двумя приведенными выше статьями и будет Вам счастье.

Свяжитесь с нами уже сейчас

Вы привыкли видеть здесь форму обратной связи. Ведь так? Ее делают почти все. Но исследуя поведение людей, мы пришли к выводу, что форма совершенно не нужна. В любом случае все сводится к обсуждению Вашего проекта в WhatsApp или Telegram. А зачем нам тратить Ваше время на заполнение различных форм? Поэтому, пишите в Telegram или в WhatsApp.