Jump to content

Адаптация разметки JQuery плагина


lessless
 Share

Recommended Posts

Есть плагин http://www.i-marco.nl/weblog/archive/2010/02/27/yup_yet_another_jquery_accordi

Есть сайт stezja.kiev.ua, правое меню которого будет заменено на указанное выше, я пробовал внедрить, но своими силами у меня не хватает знаний сделать разметку.

Задача сверстать следующим образом:

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

В случае, если текст ссылки умещается на одной строке, то графические элементы выстраиваются так, что бы их центр и средина текста по высоте находились на одной линии (вертикальное выравнивание по центру).

Иллюстрация: http://img855.imageshack.us/img855/1553/menu1l.png

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

Иллюстрация: http://img844.imageshack.us/img844/7389/menu2l.png

В итоге на каждое графическое изображение должна быть возможность повесить событие .click()!

HTML структура используемая плагином вполне устраивает и она уже перенесена на сайт, так, что желательно ёё сохранить :)

Архив плагина: http://www.i-marco.nl/weblog/jquery-accordion-3/demo.zip'>http://www.i-marco.nl/weblog/jquery-accordion-3/demo.zip

Демо: http://www.i-marco.nl/weblog/jquery-accordion-3/

Посмотреть наметки на целевом сайте: http://stezja.kiev.ua/index0.php

Оплата - Приватбанк/Webmoney/Paypal, цену называйте сами

Edited by lessless
Link to comment
Share on other sites

Я так понял нужно сделать как в демо, (и да скажи какой пример тебя устроит)

Только нужно поменять действия скрытия/открытия с ссылки на картинку.

А саму ссылку оставлять неактивной так? Но добавить рядом картинку, при клике на которую открывалась какая-то страницу?

Я могу взяться и попробывать, условия обговорим в аське 3112748 или мыло pes2009rus@yandex.ru

Link to comment
Share on other sites

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy