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

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

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

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

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

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

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

Метки:

Комментарии:

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




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


Отправляя нам сообщение, содержащее Ваши персональные данные, Вы соглашаетесь с нашей политикой конфиденциальности.