js смена изображение на время. (по клику)
<script>
function chg(id){ if (document.getElementById(id).src.indexOf("222.jpg" )>0){ document.getElementById(id).src="up.png" } } </script> Есть скрипт меняет изображение при нажатие на ссылку, нужно дописать чтобы через 3-4 секунды возвращалась картинка обратно. Если кто умеет, помогите на таком же принципе сделать скрипт, меняющий надпись при нажатие ссылки на другое слово, и через время возвращает исходное название ссылки. |
<img src="222.jpg" id="img_1" onClick="chg(this.id)" >
|
function chg(id) {
var elem = document.getElementById(id);
//сравнение не через >, а через >=
//если там всегда '222.jpg', лучше вообще сделать через ===
if (elem.src.indexOf('222.jpg') >= 0) {
//сохраняем прежнее значение атрибута src
var oldSrc = elem.src;
//устанавливаем новую картинку
elem.src = 'up.png';
//и задаём возврат в исходное состояние
//через 3 секунды
setTimeout(
function () {
elem.src = oldSrc;
}
, 3000
);
}
}
Аналогичным образом делается и смена текста в ссылке. |
Цитата:
if (elem.src.indexOf('222.jpg') != -1) {
имхо проще и понятнее |
lord2kim,
согласен (: Так всегда и делаю, но увидев в скрипте '>0', потерялся и написал ерунду (: |
| Часовой пояс GMT +3, время: 13:23. |