Доброго времени суток.
Имеется очень страшный, импровизированный код:
<head>
<style type="text/css">
.style1
{
width: 100%;
}
</style>
</head>
<table class="style1">
<tr>
<td>
</td>
<td style="text-align: center; vertical-align: middle; letter-spacing: 0pt; word-spacing: 0pt; width: 24.6521px; height: 24.3333px;">
<div onclick="r5u5()"><em id="Em5u5"><img alt="" src="(Картинка1)" align="middle" style="opacity:0.60;filter:alpha(opacity=60)"/></em></div></td>
<td>
</td>
</tr>
<tr>
<td style="text-align: center; vertical-align: middle; letter-spacing: 0pt; word-spacing: 0pt; width: 24.6521px; height: 24.3333px;">
<div onclick="r4u4()"><em id="Em4u4"><img alt="" src="(Картинка2)" align="middle" style="opacity:0.60;filter:alpha(opacity=60)"/></em></div></td>
<td style="text-align: center; vertical-align: middle; letter-spacing: 0pt; word-spacing: 0pt; width: 24.6521px; height: 24.3333px;">
<div onclick="r3u3()"><em id="Em3u3"><img alt="" src="(Картинка1)" align="middle" style="opacity:0.60;filter:alpha(opacity=60)"/></em></div></td>
<td style="text-align: center; vertical-align: middle; letter-spacing: 0pt; word-spacing: 0pt; width: 24.6521px; height: 24.3333px;">
<div onclick="r2u2()"><em id="Em2u2"><img alt="" src="(Картинка2)" align="middle" style="opacity:0.60;filter:alpha(opacity=60)"/></em></div></td>
</tr>
<tr>
<td>
</td>
<td style="text-align: center; vertical-align: middle; letter-spacing: 0pt; word-spacing: 0pt; width: 24.6521px; height: 24.3333px;">
<div onclick="r1u1()"><em id="Emr1u1"><img alt="" src="(Картинка1)" align="middle" style="opacity:0.60;filter:alpha(opacity=60)"/></em></div></td>
<td>
</td>
</tr>
</table>
И ещё страшнее скрипт...
<script type="text/javascript">
c = "<img alt=\"\" src=\"(Картинка1)\" align=\"middle\" height=\"24.333\" width=\"24.6521\"style=\"opacity:0.60;filter:alpha(opacity=60)\">"
s = "<img alt=\"\" src=\"(Картинка2)\" align=\"middle\" height=\"24.333\" width=\"24.6521\"style=\"opacity:0.60;filter:alpha(opacity=60)\">"
ch = "<img alt=\"\" src=\"(картинка3)\" align=\"middle\" height=\"24.333\" width=\"24.6521\">"
sh = "<img alt=\"\" src=\"(Картинка4)\" align=\"middle\" height=\"24.333\" width=\"24.6521\">"
function r1u1() {
document.getElementById('Emr1u1').innerHTML = ch;
document.getElementById('Emr2u2').innerHTML = s;
document.getElementById('Emr3u3').innerHTML = c;
document.getElementById('Emr4u4').innerHTML = s;
document.getElementById('Emr5u5').innerHTML = c;
}
function r2u2() {
document.getElementById('Emr1u1').innerHTML = c;
document.getElementById('Emr2u2').innerHTML = sh;
document.getElementById('Emr3u3').innerHTML = c;
document.getElementById('Emr4u4').innerHTML = s;
document.getElementById('Emr5u5').innerHTML = c;
}
function r3u3() {
document.getElementById('Emr1u1').innerHTML = c;
document.getElementById('Emr2u2').innerHTML = s;
document.getElementById('Emr3u3').innerHTML = ch;
document.getElementById('Emr4u4').innerHTML = s;
document.getElementById('Emr5u5').innerHTML = c;
}
function r4u4() {
document.getElementById('Emr1u1').innerHTML = c;
document.getElementById('Emr2u2').innerHTML = s;
document.getElementById('Emr3u3').innerHTML = c;
document.getElementById('Emr4u4').innerHTML = sh;
document.getElementById('Emr5u5').innerHTML = c;
}
function r5u5() {
document.getElementById('Emr1u1').innerHTML = c;
document.getElementById('Emr2u2').innerHTML = s;
document.getElementById('Emr3u3').innerHTML = c;
document.getElementById('Emr4u4').innerHTML = s;
document.getElementById('Emr5u5').innerHTML = ch;
}
</script>
Данная страсть выполняет простейшую функцию - меняет картинку при щелчке мыши. Но, этот пример лишь часть огромного кода, т.е. если нужно будет запрограммировать данным образом 100 картинок, то нужно будет прописать 100х100 вариантов в скрипте... А это огромный информационный объём, что не есть хорошо.
А уж о смене картинки при наведении на неё мыши, вкупе уже с существующим щелчком, вообще молчу... данным образом написать не получиться практически никак.
Можно ли каким-либо образом упростить скрипт, ну или использовать css, в котором я слабо разбираюсь (и в javascript ничего не понимаю, но как обезьяна повторить могу, изменив по-своему =))?
Заранее спасибо за помощь, она упростит мне жизнь... причём очень сильно)