Ссылки на части изображения в Jquerry слайдере

12
K
На сайте с 02.02.2011
Offline
74
792

Здравствуйте.

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

Если подробнее: на слайде картинка и текст, т.е. фактически - одно изображение, на котором картинка и текст. необходимо сделать так, чтобы по клику на "ссылку" (которая ссылкой является чисто графически) в тексте по клику осуществлялся переход пользователя на целевую страницу.

Как сие реализовать грамонтно?

Мне пока пришло в голову только одно решение: разметить при помощи <map>+<area> каждое изображение и результат запихнуть в слайдер.

PS. Возможно, вопрос нубский. Не пинайте сильно :)

6666
На сайте с 10.01.2005
Offline
505
#1

Типа как тут хотите: http://www.alienburger.net/ ?

Каждое мое сообщение проверила и одобрила Елена Летучая. (c) Для меня очень важно все что Вы говорите! (http://surrealism.ru/123.mp3) .
K
На сайте с 02.02.2011
Offline
74
#2

6666, не совсем, но поясню на примере данного сайта чего хочется добиться.

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

C
На сайте с 04.02.2005
Offline
291
#3

грубо

map привязывается к картинке.

---------- Добавлено 16.05.2013 в 17:44 ----------

Можно конечно извратиться и через скрипт

повеси онклик на кртинку, в клик() анализировать координаты клика, попадания в область...Не айс.

K
На сайте с 02.02.2011
Offline
74
#4

Chukcha, а в чем проблема привязки map к картинке? В том, что для каждой картинки в слайдере придется задать map? или я чего-то не понимаю?

IL
На сайте с 20.04.2007
Offline
435
#5
klerfe:
а в чем проблема привязки map к картинке?

Да нет никакой проблемы..

Как вариант - ещё можно в слайдере использовать не картинки, а блоки.. (с текстом, абсолютно/относительно позиционированными ссылками и прочей нужной штукой)

... :) Облачные серверы от RegRu - промокод 3F85-3D10-806D-7224 ( http://levik.info/regru )
K
На сайте с 02.02.2011
Offline
74
#6

ivan-lev, ну, такой вариант не рассматривается в силу специфики содержимого - текст обтекает картинку.

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

6666
На сайте с 10.01.2005
Offline
505
#7
klerfe:
лучший вариант по трудозатратам и сложности реализации это map.

Самое простое - реализовать на флеше на самом деле.

дани мапов
На сайте с 06.09.2012
Offline
204
#8
Написание и доработка скриптов (PHP, MySQL, JavaScript, jQuery) (/ru/forum/811046)
K
На сайте с 02.02.2011
Offline
74
#9

дани мапов, шикарная наработка. Добавлю в закладки, хоть и не соответствует немного тому, что нужно сейчас =)

6666, как вариант, но ведь придется придумывать костыль для iOS-устройств, насколько я понимаю

MacDack
На сайте с 23.07.2012
Offline
55
#10

Может ТАКОЙ? Я когдато именно его для замены старого флеш перделывал.

Там например так

<a href="ссылка" coords="634,130">
CMS DLE (/ru/users/992868) icq:6три4девять924семь7
12

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