Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > JavaScript: Общие вопросы > Как сделаны поэтажные планы такой красоты?


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

Автор: $дмитрий 14.11.2011, 18:41
Друпал там не причем, используются клиенские технологии JS, Ajax, Map/area

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

Автор: $дмитрий 16.11.2011, 14:58
В дримвивере можно(скачать триалку). Из бесплатных не знаю

Автор: tishaishii 16.11.2011, 19:58
XaraX - лучшая 10ти летней давности. Лучшего векторного редактора не встречал.

Автор: petyaeva 8.2.2012, 13:22
Снова напишу. Все-таки хотелось бы найти скрипт переключения картинок по клику мышки на подписи.
Вот как тут 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
В качестве скрипта можно взять http://jqueryui.com/demos/tabs/#default
Урок http://www.linkexchanger.su/2009/99.html

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)