Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / посоветуйте / 6 сообщений из 6, страница 1 из 1
10.03.2014, 15:35
    #38582405
ierecumi
ierecumi
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
посоветуйте
Доброго времени!
возникла необходимость с помощью кнопок <<Предыдущий и Следующий>>
менять фоновое изображение у <div>
Код: html
1.
<div id="noj"></div>


Код: css
1.
2.
3.
4.
5.
6.
7.
8.
#noj{
   background: url(images/noj.png);
   position: absolute;
   width: 326px;
   height: 84px;
   top: 36;
   left: 154;
}


пересмотрел кучу материала по слайдерам, но ни фига не понял (не мой уровень познания)
если кто то может дать дельный совет - пишите.
Заранее спасибо!
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
10.03.2014, 17:47
    #38582480
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
посоветуйте
ierecumiвозникла необходимость с помощью кнопок <<Предыдущий и Следующий>>
менять фоновое изображение у <div>
Как вариант менять значение свойства http://htmlbook.ru/css/background-image
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
10.03.2014, 18:35
    #38582493
ierecumi
ierecumi
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
посоветуйте
это я понял и сделал так!

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
  <script type="text/javascript">
    var images = new Array();
    var i = 0;
     
    images[0] = 'images/avtomat_1.png';
    images[1] = 'images/avtomat_2.png';
    images[2] = 'images/avtomat_3.png';
    images[3] = 'images/avtomat_4.png';
    images[4] = 'images/avtomat_5.png';
    images[5] = 'images/avtomat_6.png';
    images[6] = 'images/nill.png';
     
    function nextImages() {
		document.getElementById("img_avtomat").src = images[i];
        i++;
        if (i == images.length) {
            i = 0;
        }
    }   
  </script>


Код: html
1.
2.
<div class="btn_right" id="btn_right_avtomat" onclick="nextImages(this)"></div>
<div id="avtomat"><img src="images/nill.png" id="img_avtomat"></div>


только не смог переделать формулу, чтоб она работала в обратном порядке.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
10.03.2014, 21:19
    #38582543
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
посоветуйте
ierecumiтолько не смог переделать формулу, чтоб она работала в обратном порядке.
Что-то такое...

Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
var images = new Array();
var i = 0;
images[0] = 'images/avtomat_1.png';
images[1] = 'images/avtomat_2.png';
images[2] = 'images/avtomat_3.png';
images[3] = 'images/avtomat_4.png';
images[4] = 'images/avtomat_5.png';
images[5] = 'images/avtomat_6.png';
images[6] = 'images/nill.png';
function nextImages() {
	i=++i%images.length;
	document.getElementById("img_avtomat").src = images[i];
};
function prevImages() {
	--i;
	i=(i<0)? 0: i;
	document.getElementById("img_avtomat").src = images[i];
};
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
10.03.2014, 21:21
    #38582545
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
посоветуйте
Т.е. вместо этого
krvsa
Код: javascript
1.
	i=(i<0)? 0: i;


Вот что

Код: javascript
1.
i=(i<0)? images.length: i;
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
11.03.2014, 11:40
    #38582800
user89
user89
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
посоветуйте
ierecumi,

??? 14353915
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / посоветуйте / 6 сообщений из 6, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 782ms
Закрыть
start [/forum/topic.php?fid=22&tablet=1&tid=1447335]:
 0ms
get settings:
 9ms
get forum list:
 10ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 478ms
get topic data:
 6ms
get forum data:
 2ms
get page messages:
 22ms
get tp. blocked users:
 1ms
others: 250ms
total:  782ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]