ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / посоветуйте
6 сообщений из 6, страница 1 из 1
посоветуйте
    #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, 15:35
| Ответить | Цитировать | Написать  
посоветуйте
    #38582480
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
ierecumiвозникла необходимость с помощью кнопок <<Предыдущий и Следующий>>
менять фоновое изображение у <div>
Как вариант менять значение свойства http://htmlbook.ru/css/background-image
...
Рейтинг: 0 / 0
10.03.2014, 17:47
| Ответить | Цитировать | Написать  
посоветуйте
    #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, 18:35
| Ответить | Цитировать | Написать  
посоветуйте
    #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:19
| Ответить | Цитировать | Написать  
посоветуйте
    #38582545
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Т.е. вместо этого
krvsa
Код: javascript
1.
	i=(i<0)? 0: i;


Вот что

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

??? 14353915
...
Рейтинг: 0 / 0
11.03.2014, 11:40
| Ответить | Цитировать | Написать  
6 сообщений из 6, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / посоветуйте
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&fpage=106&tid=1447335]:
 0ms
get settings:
 10ms
get forum list:
 9ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 29ms
get topic data:
 7ms
get forum data:
 2ms
get page messages:
 32ms
get tp. blocked users:
 1ms
others: 252ms
total:  350ms
созд. / загр.: 350ms
x
x
Закрыть


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