Версия для печати темы

Нажмите сюда для просмотра этой темы в обычном формате

Форум о web-дизайне, графике - RusForumz _ Web-программирование: JavaScript _ Кнопка

Автор: Fenegs 17.4.2008, 16:44

Друзья, нужна помощь! Необходим скрипт, ситуация такая:
Есть кнопка в виде картинки и еще одна картинка. Когда нажимаешь на первую картинку (она же кнопка), вторая меняется на другую, нажимаешь еще - обратно.
Помогите, если не трудно

Автор: 3ABAPKA 18.4.2008, 5:53

Цитата

Помогите, если не трудно 2.gif

Написать что ли?

Автор: Fenegs 18.4.2008, 11:24

Цитата(3ABAPKA @ 18.4.2008, 6:53)

Написать что ли?

Ну почему обязательно написать? Можно просто совет или ссылку.
Если кто-нибудь напишет, это, конечно, будет вообще здорово, но у меня ведь тоже голова не просто так

Автор: liw 18.4.2008, 12:45

Цитата(Fenegs @ 18.4.2008, 11:24)

Что то вроде этого:

Код

<html>
<head>
  <title> </title>
</head>
<body>
<script>
function strrpos(subject){
    var i = subject.lastIndexOf('/');
    return i >= 0 ? i : false;
}
function basename(subject){
    return subject.substr(strrpos(subject)+1);
}
function show_other_img(){
    if(basename(document.getElementById('img1_id').src)=='img1.jpg'){
        document.getElementById('img1_id').src='img2.jpg';
    }else{
        document.getElementById('img1_id').src='img1.jpg';
    }
}
</script>
<input type='image' src='img.jpg' height='20px' width='20px' onclick='show_other_img();'>
<img src='img1.jpg' id='img1_id'>
</body>
</html>

Но лучше конечно ещё сделайте preload картинок - про это тема где то здесь на форуме есть.

Автор: Fenegs 18.4.2008, 14:50

Немного поправил под свою ситуацию и плюс дополнил, чтобы картинка-кнопка тоже менялась. Все работает.
liw, огромнейшее спасибо!

Русская версия Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)