Ошибка в простеньком скрипте, нужна помощь
Нашла скрипт, который заменяет картинку при наведении на ссылку, но при убирании курсора не возвращал прежнюю. Добавила imgOut, вроде работет, но в браузере выдает ошибки. Знаю что накосячила, т.к. впервые столкнулась со скриптами, помогите, плиз поправить :cray:
Вот скрипт:
<script>
function not(){
document.img1.src="images/im1.gif"
}
function imgOn(imgName) {
if (document.images) {
document.img1.src = imgName; }}
{
document.img1.src="images/im1.gif"
}
function imgOut(imgName) {
if (document.images) {
document.img1.src="images/im1.gif"; }}
</script>
вид ссылки:
<a href="http://site.com/somepage.html" onmouseover="imgOn('images/im2.gif')" onmouseout="imgOut('images/im1.gif')" >текст ссылки</a>
im1.gif - картинка по умолчанию im2.gif - картинка при наведении При убирании курсора нужно возвратить im1.gif |
<a href="http://site.com/somepage.html" onmouseover="imgOn('images/im2.gif')" onmouseout="imgOn('images/im1.gif')" >текст ссылки</a>
|
все равно выдает ошибку:
document.img1 is undefined в IE: document.img1 есть null или не является объектом может я не правильно вывожу картинку? код такой: <img id="img1" src="images/im1.gif" width="50" height="50" alt="" border="0" name="img1" /> |
<a href="http://site.com/somepage.html" onMouseOver="img1.src='images/im2.gif'" onMouseOut="img1.src='images/im1.gif'">текст ссылки </a> <img src="images/im1.gif" width="50" height="50" alt="" border="0" name="img1" /> Без каких-либо Ваших функций |
JsLoveR, огромное спасибо!!! :thanks: Не знала о таком простом способе - мне еще долго учиться :)
|
Taisia,
У Вас всё ещё впереди:) |
Цитата:
|
Цитата:
сделать функцию предварительной загрузки изображений, обойтись одной функцией. |
Зачем тут яваскрипт вообще? Просто используйте :hover для ссылки.
|
и спрайт.
|
| Часовой пояс GMT +3, время: 20:37. |