нужно поправить в скрипт

anutti · January 30, 2015

Добрый день! Помогите пожалуйста поправить скрипт. Вот исходник - ( как все работает можно посмотреть тут http://tympanus.net/Development/SelectInspiration/index8.html. )

Немного поменяла код, чтобы не подумали что у меня что-то из базы берется, все есть на этой же странице

Помогите пожалуйста .

<body><section><select class="cs-select cs-skin-circular"><option value="" disabled selected>Select an activity</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option></select></section><!-- добавла к каждоу блоку--><div class="select-img select" id="s1"><img src="img/00_1.png" > text </div>...<div class="select-img select" id="s5"><img src="img/00_5.png" > text </div><section><select class="cs-select cs-skin-circular"><option value="" disabled selected>Select an activity</option> <option value="6">6</option> <option value="7">7</option> <option value="8">8</option> <option value="9">9</option></select></section><div class="select-img" id="s6"><img src="img/00_6.png" > text </div>...<div class="select-img select" id="s9"><img src="img/00_9.png" > text </div><section><select class="cs-select cs-skin-circular"><option value="" disabled selected>Select an activity</option> <option value="10">10</option> <option value="11">11</option> <option value="12">12</option></select></section><div class="select-img" id="s10"><img src="img/00_10.png" > text </div>...<div class="select-img select" id="s12"><img src="img/00_12.png" > text </div><!--Вот сам скрипт --><script src="js/classie.js"></script><script src="js/selectFx.js"></script><script>(function() {[].slice.call( document.querySelectorAll( 'select.cs-select' ) ).forEach( function(el) {new SelectFx(el, {stickyPlaceholder: false,onchange: function(val){var img = document.createElement('img');img.src = 'img/'+val+'.png';img.onload = function() {document.querySelector('span.cs-placeholder').style.backgroundImage = 'url(img/'+val+'.png)';};}});} );})();</script></body>

Но скрипт работает только для первого, когда нажимаешь на 2 других меню картинки меняются в первом, а нужно чтобы менялись в том меню в котором выбираешь.

Еще необходимо чтобы менялась картинка не только внутри кружка, но и в блоке рядом <div "select-img"><img src="img/00_*.png" ></div> - (* номер от 1 до 12 как и в меню)

Помогите пожалуйста исправить, я совершенно не знаю яву.

Заранее спасибо.

Edited January 31, 2015 by anutti

jdk · February 6, 2015

Уточните, в каком пункте меню что должно меняться?

Sign In

нужно поправить в скрипт

Recommended Posts

anutti

Link to comment

Share on other sites

jdk

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information