<script type="text/javascript">
function click(id)
{
document.getElementById('img1').src = "/pictures/2009/large/"+id+".gif"
}
</script>
<img src="/pictures/2009/1.gif" id="img1" style="cursor: pointer;" onclick="click(1)">
IE не подгружает картинку. Javascrirt.
Подскажите пожалуйста, почему такая конструкция не работает в IE
Opera и FireFox обрабатывают скрипт нормально, картинка подгружается.
[HTML]
<script type="text/javascript">
function click(id)
{
document.getElementById('img').src = "pictures/2009/large/"+id+".gif"
}
</script>
<img src="pictures/2009/1.gif" style="cursor: pointer;" onclick="click(1)">
[/HTML]
Прелоад делать бесполезно, т.к. таких картинок может быть десяток, каждая весит до 100Кб
Opera и FireFox обрабатывают скрипт нормально, картинка подгружается.
[HTML]
<script type="text/javascript">
function click(id)
{
document.getElementById('img').src = "pictures/2009/large/"+id+".gif"
}
</script>
<img src="pictures/2009/1.gif" style="cursor: pointer;" onclick="click(1)">
[/HTML]
Прелоад делать бесполезно, т.к. таких картинок может быть десяток, каждая весит до 100Кб
Потому что поиск элемента идет по id а у вас он не указан.
Код:
Он указан, на другой картинке, забыл ее вставить в код просто, такую мелочь я бы заметил :)
Ну еще могу сказать что айди img лучше не использовать
обзовите по-другому
а вообще кода мало - по такому обрывку нечего больше сказать
обзовите по-другому
а вообще кода мало - по такому обрывку нечего больше сказать
Это простейшая галерея я миниатюрами и большим изображением:
[HTML]
<script type="text/javascript">
function click(id)
{
document.getElementById('img').src = "pictures/2009/large/"+id+".gif"
}
</script>
<table>
<tr>
<td><img src="pictures/2009/1.gif" style="cursor: pointer;" onclick="click(1)"></td>
<td><img src="pictures/2009/2.gif" style="cursor: pointer;" onclick="click(2)"></td>
<td rowspan="3"><img src="pictures/2009/large/1.gif" id="img"></td>
</tr>
<tr>
<td><img src="pictures/2009/3.gif" style="cursor: pointer;" onclick="click(3)"></td>
<td><img src="pictures/2009/4.gif" style="cursor: pointer;" onclick="click(4)"></td>
</tr>
<tr>
<td><img src="pictures/2009/5.gif" style="cursor: pointer;" onclick="click(5)"></td>
<td><img src="pictures/2009/6.gif" style="cursor: pointer;" onclick="click(6)"></td>
</tr>
</table>
[/HTML]
Могу страничку в инете указать, где используется, только боюсь что за спам воспримут админы.
Вчера что только не делал - 0 эффекта. :(
Удалось выяснить сто причина даже не в том, что не подгружается картинка, а в том что не обрабатывается событие onclick, т.е. ф-ия не вызывается
[HTML]
<script type="text/javascript">
function click(id)
{
document.getElementById('img').src = "pictures/2009/large/"+id+".gif"
}
</script>
<table>
<tr>
<td><img src="pictures/2009/1.gif" style="cursor: pointer;" onclick="click(1)"></td>
<td><img src="pictures/2009/2.gif" style="cursor: pointer;" onclick="click(2)"></td>
<td rowspan="3"><img src="pictures/2009/large/1.gif" id="img"></td>
</tr>
<tr>
<td><img src="pictures/2009/3.gif" style="cursor: pointer;" onclick="click(3)"></td>
<td><img src="pictures/2009/4.gif" style="cursor: pointer;" onclick="click(4)"></td>
</tr>
<tr>
<td><img src="pictures/2009/5.gif" style="cursor: pointer;" onclick="click(5)"></td>
<td><img src="pictures/2009/6.gif" style="cursor: pointer;" onclick="click(6)"></td>
</tr>
</table>
[/HTML]
Могу страничку в инете указать, где используется, только боюсь что за спам воспримут админы.
Вчера что только не делал - 0 эффекта. :(
Удалось выяснить сто причина даже не в том, что не подгружается картинка, а в том что не обрабатывается событие onclick, т.е. ф-ия не вызывается
Спасибо проблема решена, достаточно изменить имя функции на какое-либо другое, "click" эксплореру чем-то не нравится, возможно оно зарезервировано... темный лес этот IE, господа.