VPF::Как сделаны поэтажные планы такой красоты?

petyaeva

Дата 14.11.2011, 17:57 (ссылка)

(нет голосов)

Загрузка ...

Бесконечная карусель

Профиль
Группа: Участник
Сообщений: 25
Регистрация: 31.7.2009
Где: Орехово-Зуево

Репутация: нет
Всего: нет

Мне очень понравились поэтажные планы на сайте http://www.clerkenwell.ru/plan/1 Только вот не пойму, что они использовали. Я так поняла, у них Друпал, и для него адаптирован скрипт. А я хочу исходный скрипт найти, который используется при реализации этой красоты.

$дмитрий

Дата 14.11.2011, 18:41 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1037
Регистрация: 19.6.2004

Репутация: 2
Всего: 45

Друпал там не причем, используются клиенские технологии JS, Ajax, Map/area

petyaeva

Дата 14.11.2011, 22:14 (ссылка)

(нет голосов)

Загрузка ...

А в какой программе можно вычислять координаты полигонов (бесплатной)?

$дмитрий

Дата 16.11.2011, 14:58 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1037
Регистрация: 19.6.2004

Репутация: 2
Всего: 45

В дримвивере можно(скачать триалку). Из бесплатных не знаю

tishaishii

Дата 16.11.2011, 19:58 (ссылка)

(нет голосов)

Загрузка ...

Создатель

Профиль
Группа: Завсегдатай
Сообщений: 1262
Регистрация: 14.2.2006
Где: Москва

Репутация: нет
Всего: 8

XaraX - лучшая 10ти летней давности. Лучшего векторного редактора не встречал.

Это сообщение отредактировал(а) tishaishii - 16.11.2011, 19:58

petyaeva

Дата 8.2.2012, 13:22 (ссылка)

(голосов:1)

Загрузка ...

Снова напишу. Все-таки хотелось бы найти скрипт переключения картинок по клику мышки на подписи.
Вот как тут http://www.nikolaevskiydom.ru/choice.html
Там скрипт, насколько я понимаю, такой:

Код


jQuery(function(){
    jQuery('.stages li a').live('click',function(){
        var index = jQuery('.stages li').index(jQuery(this).parent());
        jQuery('.stages li').removeClass('active');
        jQuery(this).parent().addClass('active');
        jQuery('.stage').hide();
        jQuery('.stage').eq(index).show();
        if (index == 0) {
            jQuery('.plans-bg').addClass('corner')
        } else {
            jQuery('.plans-bg').removeClass('corner')
        }
        return false;
    });
    
    jQuery('#head ul.menu-h > li').hover(function(){
        jQuery(this).addClass('hover');
    },function(){
        jQuery(this).removeClass('hover');
    });
    
    jQuery('#head ul.menu-h  li li:last').addClass('last');

    jQuery('.plans-bg').addClass('corner')
});

Я бы хотела найти урок с объяснениями по теме такого переключения картинок.

$дмитрий

Дата 8.2.2012, 19:14 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1037
Регистрация: 19.6.2004

Репутация: 2
Всего: 45

В качестве скрипта можно взять Jquery UI
Урок как это применять

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »