Опросы - голосования в картинках

автор molniya Июль 18th 2011, 17:23

Скажите пожалуйста можно ли сделать на форуму опросы -голосования в картинках. вот пример как я хочтел бы.

Опросы - голосования в картинках 1989538

Опросы - голосования в картинках 1989538

Если можно так сделать то объясните подробно как это делать зарание спасибо.

автор **Dana Domirani** Июль 19th 2011, 13:56

Сейчас проверю один способ... Но изяществом он не отличается.

автор molniya Июль 19th 2011, 14:10

Danachka если у вас получится то буду очень благодарен вам.

автор **Dana Domirani** Июль 19th 2011, 15:28

Кое-что получилось:
Опросы - голосования в картинках 2870430

Опросы - голосования в картинках 2866321

Cейчас еще потестирую на разных движках и выложу код.

Сразу предупреждаю: картинки будут отображаться только в темах, но не в стандартном виджете "Опрос"! Поэтому лучше добавлять к картинкам пояснительный текст.

автор molniya Июль 19th 2011, 16:15

ок текест будет конечно же главное что бы опрос - голосования было в картинках

автор **Dana Domirani** Июль 19th 2011, 18:25

Вариант для BB2, на 10 ответов.

1. Создаете или редактируете тему с опросом, создаете в ней список ответов:
Опросы - голосования в картинках Snap0011

2. В само сообщение ставите таблицу:

Код:: [table border="0" style="display: none;" ][tr] [td class="voitimg"][img]http://i44.servimg.com/u/f44/16/54/26/99/russia10.png[/img][/td] [td class="voitimg"][img]http://i44.servimg.com/u/f44/16/54/26/99/united10.png[/img][/td] [td class="voitimg"][img]http://i44.servimg.com/u/f44/16/54/26/99/france10.png[/img][/td] [td class="voitimg"][img]http://i44.servimg.com/u/f44/16/54/26/99/ukrain10.png[/img][/td] [td class="voitimg"][img]http://i44.servimg.com/u/f44/16/54/26/99/belaru10.png[/img][/td] [td class="voitimg"][img]http://i44.servimg.com/u/f44/16/54/26/99/kazakh10.png[/img][/td] [td class="voitimg"][img]http://i44.servimg.com/u/f44/16/54/26/99/israel10.png[/img][/td] [td class="voitimg"][img]http://i44.servimg.com/u/f44/16/54/26/99/nether10.png[/img][/td] [td class="voitimg"][img]http://i44.servimg.com/u/f44/16/54/26/99/united11.png[/img][/td] [td class="voitimg"][img]http://i44.servimg.com/u/f44/16/54/26/99/new-ze10.png[/img][/td] [/tr][/table]

Скриншот:

Вместо указанных картинок ставите ссылки на свои изображения - сверху вниз, в том порядке, в каком идут ответы в опросе!
Сохраняете тему.

3. В ПА > Модули > Управление кодами Javascript добавляете скрипт:

Код:: jQuery(document).ready(function() { jQuery("td.voitimg:eq(0)").prependTo(".poll-ballot span.gen:eq(0), .poll-result span.gen:eq(1)"); jQuery("td.voitimg:eq(1)").prependTo(".poll-ballot span.gen:eq(1), .poll-result span.gen:eq(4)"); jQuery("td.voitimg:eq(2)").prependTo(".poll-ballot span.gen:eq(2), .poll-result span.gen:eq(7)"); jQuery("td.voitimg:eq(3)").prependTo(".poll-ballot span.gen:eq(3), .poll-result span.gen:eq(10)"); jQuery("td.voitimg:eq(4)").prependTo(".poll-ballot span.gen:eq(4), .poll-result span.gen:eq(13)"); jQuery("td.voitimg:eq(5)").prependTo(".poll-ballot span.gen:eq(5), .poll-result span.gen:eq(16)"); jQuery("td.voitimg:eq(6)").prependTo(".poll-ballot span.gen:eq(6), .poll-result span.gen:eq(19)"); jQuery("td.voitimg:eq(7)").prependTo(".poll-ballot span.gen:eq(7), .poll-result span.gen:eq(22)"); jQuery("td.voitimg:eq(8)").prependTo(".poll-ballot span.gen:eq(8), .poll-result span.gen:eq(25)"); jQuery("td.voitimg:eq(9)").prependTo(".poll-ballot span.gen:eq(9), .poll-result span.gen:eq(28)"); });

Скриншот:

Сохраняете.

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