Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Функция onclick (https://javascript.ru/forum/misc/41618-funkciya-onclick.html)

lingvo 22.09.2013 13:51

Функция onclick
 
С помощью данной функции меняется картинка при нажатии, и при еще нажатии меняется обратно.
<script>
function chg(id){
if (document.getElementById(id).src.indexOf("images/banner3.jpg")>0){
document.getElementById(id).src="images/big-logo.png"
}else{
document.getElementById(id).src="images/banner3.jpg"
}
}
</script>
<img src="images/banner3.jpg" id="img_1" onClick="chg(this.id)">

1) На второй картинке у меня будет стоять объемная гифка, и очень интересно погружаться ли она при загрузке страницы или только после нажатия (мне нужно чтобы после нажатия)
2) Можно ли сделать чтобы после того как нажали на 1 картинку, она поменялась на вторую, а она в свою очередь после n времени изменилась обратно на 1-ую.
Заранее благодарю.

ksa 22.09.2013 14:01

Цитата:

Сообщение от lingvo
На второй картинке у меня будет стоять объемная гифка

В примере только один тег <img />...

Цитата:

Сообщение от lingvo
очень интересно погружаться ли она при загрузке страницы или только после нажатия (мне нужно чтобы после нажатия)

Если УРЛ картинки еще "не фигурировал" на странице - она не будет загружаться... Поскольку браузер про нее и не знает...

Цитата:

Сообщение от lingvo
2) Можно ли сделать чтобы после того как нажали на 1 картинку, она поменялась на вторую, а она в свою очередь после n времени изменилась обратно на 1-ую.

Для "отсроченного" выполнения используй setTimeout()...

lingvo 22.09.2013 14:09

Цитата:

Сообщение от ksa (Сообщение 273165)
В примере только один тег <img />...


Если УРЛ картинки еще "не фигурировал" на странице - она не будет загружаться... Поскольку браузер про нее и не знает...


Для "отсроченного" выполнения используй setTimeout()...

Благодарствую, можете подкинуть пару ссылок о setTimeout(), с данной функцией еще не имел дело.

ksa 22.09.2013 14:24

Цитата:

Сообщение от lingvo
можете подкинуть пару ссылок о setTimeout()

http://javascript.ru/setTimeout

Цитата:

Сообщение от lingvo
с данной функцией еще не имел дело

Т.е. ты даже букварь не читал?


Часовой пояс GMT +3, время: 11:21.