Показать сообщение отдельно
  #11 (permalink)  
Старый 08.10.2013, 16:33
Новичок на форуме
Отправить личное сообщение для FerrisBuller Посмотреть профиль Найти все сообщения от FerrisBuller
 
Регистрация: 06.10.2013
Сообщений: 5

Сообщение от BETEPAH Посмотреть сообщение
Проще всего, имхо, назвать фотографии:
bo2.jpg, bo3.jpg, bp2.jpg, bp3.jpg, wo2.jpg, wo3.jpg, wp2.jpg, wp3.jpg
и формировать имя файла для вывода в одной функции:
b - черная, w - белая, o - обычная, p - приталенная, 2 - с двумя пуговицами, 3 - с тремя (проставить соответствующие value в селектах).
document.getElementById('List1').onchange = document.getElementById('List2').onchange = document.getElementById('List3').onchange = function () {document.getElementById('photo').src = document.getElementById('List1').value +  document.getElementById('List2').value +  document.getElementById('List3').value; }
Будьте любезны, напишите частичку кода, которую я смогу размножить, просто моих знаний не хватает, чтобы воспользоватся Вашим ценным советом, Вот, что я смог из себя выжать:

<html>
	<head>
	<title>Документ без названия</title>
	<script type="text/javascript" src="http://testmagaz.tw1.ru/wp-content/themes/magaz15/linkedselect.js"></script>
        </head>

<body>
<script language="JavaScript"> 
<!-- 
function l_image (a) 
{ 
document.images [0] .src=a 
} 
--> 
</script>  
<table cols="2" width="90%" border="0">
<tr><td>
	<p><select id="List1" onchange="document.getElementById('List1').onchange = document.getElementById('List2').onchange = document.getElementById('List3').onchange = function () {document.getElementById('photo').src = document.getElementById('List1').value +  document.getElementById('List2').value +  document.getElementById('List3').value; }">
	<option value="white" >White</option>
	<option value="black">Black</option>
	</select></p>
	<p><select id="List2"></select></p>
	<p><select id="List3"></select></p></td>
<td align="center" valign="center"><img src="http://testmagaz.tw1.ru/wp-content/themes/magaz15/white/000.jpg" name="tool" ></td>
</tr>
</table>

<script type="text/javascript">
var syncList1 = new syncList
syncList1.dataList = { 

	'white':{
		'white_1':'обычная', 
		'white_2':'приталинная'
	},	
	'black':{
		'black_1':'обычная ч',
		'black_2':'приталинная ч'
	},	
	'white_1':{
		'white_1_1':'обычная с 2 пуговицами',
		'white_1_2':'обычная с 3 пуговицами'
	},
	'white_2':{
		'white_2_1':'приталинная с 2 пуговицами',
		'white_2_2':'приталинная с 3 пуговицами'
	},
	'black_1':{
		'black_1_1':'обычная ч с 2 пуговицами',
		'black_1_2':'обычная ч с 3 пуговицами'
	},
	'black_2':{
		'black_2_1':'приталинная с 2 пуговицами',
		'black_2_2':'приталинная с 3 пуговицами'
	}
};

syncList1.sync("List1","List2","List3");
</script>


</body>
</html>
Ответить с цитированием