как поменять картинки между собой??????

@ustikm · Регистрация: 30.10.2010

Студворк — интернет-сервис помощи студентам

Добрый день!Помогите с этой проблеммой,уже перекопал кучу всего и ничего толкового не нашел.Есть 4 phg картинки,нужно чтобы они раз в сутки менялись между собой местами,как написать такой скрипт,кто может и хорошо понимает в java .помогите с этой проблеммой,а то буксую на месте.

@ustikm · 02.11.2010, 15:31 **[ТС]**

Сообщение от ostgals

Это количество миллисекунд в сутках.

Значит, мы неправильно поняли друг друга. Встречные вопросы:
1. Раз в день - это в определенное время?
2. Все посетители должны видеть один и тот же порядок изображений?

Расскажу более конкретнее,они открыли фирму четвером,у каждого свой номер телефона,через этот сайт будут звонить,а так как каждый тянет на себя,то договорились что сутки будет висеть впереди один номер,на вторый сутки другой и т.д.и так по кругу,когда номера будут меняться нет разницы,лижбы менялись между собой .Вот такая проблемма.Бред конечно,но так они захотели.
Вопрос...как здесь можно вставить файл,я бы сделал снимок и тогда я думаю было бы проще понять.

@ostgals · 02.11.2010, 15:55

Не по теме:

Vovan-VE, я признаю, что заблуждался :)

Сейчас порылся на буржуйских форумах: хотя где-то и есть сообщения, что в старых браузерах onload срабатывал до загрузки картинок из-за асинхронности загрузки ресурсов, но в современных эта проблема решена.

Там же рекомендуется использовать jQuery и его событие ready.

Добавлено через 8 минут

Сообщение от ustikm

Расскажу более конкретнее,они открыли фирму четвером,у каждого свой номер телефона,через этот сайт будут звонить,а так как каждый тянет на себя,то договорились что сутки будет висеть впереди один номер,на вторый сутки другой и т.д.и так по кругу,когда номера будут меняться нет разницы,лижбы менялись между собой .Вот такая проблемма.Бред конечно,но так они захотели.

Тогда попробуйте такой скрипт:

JavaScript
1
2
3
4
var images = [ 'img1.png', 'img2.png', 'img3.png', 'img4.png' ];
var offset = Math.floor((new Date()).getTime() / (24 * 60 * 60 * 1000)) % images.length;
for (var i = 0; i < images.length; i++)
    document.write('<img src="' + images[(i + offset) % images.length] + '" />\n');

Он выводит четыре картинки, которые каждые сутки сдвигаются на одну вправо (последняя становится первой).

@ustikm · 02.11.2010, 16:08 **[ТС]**

Сообщение от ostgals

Не по теме:

Vovan-VE, я признаю, что заблуждался :)

Сейчас порылся на буржуйских форумах: хотя где-то и есть сообщения, что в старых браузерах onload срабатывал до загрузки картинок из-за асинхронности загрузки ресурсов, но в современных эта проблема решена.

Там же рекомендуется использовать jQuery и его событие ready.

Добавлено через 8 минут

Тогда попробуйте такой скрипт:

JavaScript
1
2
3
4
var images = [ 'img1.png', 'img2.png', 'img3.png', 'img4.png' ];
var offset = Math.floor((new Date()).getTime() / (24 * 60 * 60 * 1000)) % images.length;
for (var i = 0; i < images.length; i++)
    document.write('<img src="' + images[(i + offset) % images.length] + '" />\n');

Он выводит четыре картинки, которые каждые сутки сдвигаются на одну вправо (последняя становится первой).

о....вот это интересно,сейчас буду пробовать,спасибочки.

Добавлено через 7 минут

Сообщение от ustikm

о....вот это интересно,сейчас буду пробовать,спасибочки.

я конечно еще раз извиняюсь за дурацкий вопрос,но куда код вставить?
Вот полностью html код моей страницы,я выделил красным этих 4 файла,как правильно все прописать?

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
<link rel="stylesheet" type="text/css" href="style.css" />
 
<style type="text/css">
img, div { behavior: url(iepngfix.htc) }
body {
    background-color: #666;
}
</style> 
</head>
<body>
<div id="bg">
  <div id="wrap">
    <div class="float-l left">
      
    <div style="position:absolute; left: 223px; top: 0px; height: 212px;">  
    <img src="https://www.cyberforum.ru/images/hdl2.jpg" alt="" width="77" height="211" /></div>    
 
 
      
      <ul id="nav">
        <li><a href="index.html">Главная</a></li>
        <li><a href="comp.html">О компании</a></li>
        <li><a href="info.html">Полезная информация</a></li>
        <li><a href="work.html">Наши работы</a></li>
        <li><a href="cont.html">Контакты</a></li>
      </ul>
      <div id="meun">
        
    <div style="position:absolute;">
      <div style="position:absolute; left:11px; top:-25px; color:#000; width: 141px; height: 47px;"><b><h2>Продукция</h2></b></div>    
    </div>  
     <h2></h2>
        <ul>
          <li><a href="mpo.html">Металлопластиковые окна </a></li>
          <li><a href="rsp.html">Раздвижная система Portal </a></li>
          <li><a href="deo.html">Деревянные евроокна </a></li>
          <li><a href="alc.html">Алюминиевые конструкции </a></li>
          <li><a href="cbr.html">Кованные балконы и решетки </a></li>
          <li><a href="voo.html">Вынос обшивка </a></li>
          <li><a href="otk.html">Откосы ПВХ </a></li>
          <li><a href="zrr.html">Жалюзи, рулонные шторы </a></li>
        </ul>
      </div>
     <div style="position:absolute; left: 39px; top: 502px; height: 283px; width: 235px;">  
    <img src="im/met2.png" alt="" width="229" height="255" /></div>
     
      
    </div>
    
    <div class="float-r right">
      <div id="logo">
        
    <div style="position:absolute; left: 816px; top: 108px; width: 70px; height: 98px;">    
    <img src="im/attention_00.png" alt="" width="70" height="81" /></div>
    
 
    <div style="position:absolute; left: 554px; top: 27px;"><img src="im/tel1.png" alt="" width="131" height="54"heigh="53" /></div>
    <div style="position:absolute; left: 553px; top: 88px;"><img src="im/tel3.png" alt="" width="131" height="53" /></div>
    <div style="position:absolute; left: 692px; top: 118px;"><img src="im/tel4.png" alt="" width="131" height="53" /></div>
    <div style="position:absolute; left: 693px; top: 50px; "><img src="im/tel2.png" alt="" width="131" height="53" /></div>
 
 
<div style="position:absolute; left: 325px; top: 26px;"><img src="im/logo2.png" alt="" width="196" height="135" /></div>
      </div>
      <div id="main"><img src="im/head.jpg" alt="" width="599" />
              </div>
    </div>
    <div id="footer">
      <div class="float-l">
        <div id="ftlink"><a href="index.html">Главная</a> | <a href="comp.html">О Компании</a> | <a href="info.html">Полезная информация</a> | <a href="work.html">Наши работы</a> | <a href="cont.html">Контакты</a></div>
        <p id="copyright">&nbsp;</p>
        <p>© 2010.Все права защищены.Maxus. <br/>
        </p>
      </div>
    </div>
    <!-- /footer -->
  </div>
</div>
</body>
</html>

@ostgals · 02.11.2010, 16:28

После строки </style> (8-ая строка в вашем фрагменте) вставьте:

HTML5
1
2
3
4
5
6
7
<script type="text/javascript">
<!--//
    var images = [ 'im/tel1.png', 'im/tel2.png', 'im/tel3.png', 'im/tel4.png' ];
    var offset = Math.floor((new Date()).getTime() / (24 * 60 * 60 * 1000)) % images.length;
    function phone(img, i) { img.src = images[(i + offset) % images.length]; }
//-->
</script>

И вместо ваших строк, где картинки:

HTML5
1
2
3
4
<div style="position:absolute; left: 554px; top: 27px;"><img onload="phone(this, 0)" src="im/tel1.png" alt="" width="131" height="53" /></div>
<div style="position:absolute; left: 553px; top: 88px;"><img onload="phone(this, 2)" src="im/tel3.png" alt="" width="131" height="53" /></div>
<div style="position:absolute; left: 692px; top: 118px;"><img onload="phone(this, 3)" src="im/tel4.png" alt="" width="131" height="53" /></div>
<div style="position:absolute; left: 693px; top: 50px; "><img onload="phone(this, 1)" src="im/tel2.png" alt="" width="131" height="53" /></div>

@ustikm · 02.11.2010, 16:39 **[ТС]**

Сообщение от ostgals

После строки </style> (8-ая строка в вашем фрагменте) вставьте:

HTML5
1
2
3
4
5
6
7
<script type="text/javascript">
<!--//
    var images = [ 'im/tel1.png', 'im/tel2.png', 'im/tel3.png', 'im/tel4.png' ];
    var offset = Math.floor((new Date()).getTime() / (24 * 60 * 60 * 1000)) % images.length;
    function phone(img, i) { img.src = images[(i + offset) % images.length]; }
//-->
</script>

И вместо ваших строк, где картинки:

HTML5
1
2
3
4
<div style="position:absolute; left: 554px; top: 27px;"><img onload="phone(this, 0)" src="im/tel1.png" alt="" width="131" height="53" /></div>
<div style="position:absolute; left: 553px; top: 88px;"><img onload="phone(this, 2)" src="im/tel3.png" alt="" width="131" height="53" /></div>
<div style="position:absolute; left: 692px; top: 118px;"><img onload="phone(this, 3)" src="im/tel4.png" alt="" width="131" height="53" /></div>
<div style="position:absolute; left: 693px; top: 50px; "><img onload="phone(this, 1)" src="im/tel2.png" alt="" width="131" height="53" /></div>

огромное спасибо за помощь,сейчас буду делать.

@ustikm · 08.11.2010, 10:09 **[ТС]**

Сообщение от ostgals

После строки </style> (8-ая строка в вашем фрагменте) вставьте:

HTML5
1
2
3
4
5
6
7
<script type="text/javascript">
<!--//
    var images = [ 'im/tel1.png', 'im/tel2.png', 'im/tel3.png', 'im/tel4.png' ];
    var offset = Math.floor((new Date()).getTime() / (24 * 60 * 60 * 1000)) % images.length;
    function phone(img, i) { img.src = images[(i + offset) % images.length]; }
//-->
</script>

И вместо ваших строк, где картинки:

HTML5
1
2
3
4
<div style="position:absolute; left: 554px; top: 27px;"><img onload="phone(this, 0)" src="im/tel1.png" alt="" width="131" height="53" /></div>
<div style="position:absolute; left: 553px; top: 88px;"><img onload="phone(this, 2)" src="im/tel3.png" alt="" width="131" height="53" /></div>
<div style="position:absolute; left: 692px; top: 118px;"><img onload="phone(this, 3)" src="im/tel4.png" alt="" width="131" height="53" /></div>
<div style="position:absolute; left: 693px; top: 50px; "><img onload="phone(this, 1)" src="im/tel2.png" alt="" width="131" height="53" /></div>

вставил java скрипт ,но почему-то не меняет картинки,меняет только при обновлении страницы ,каждый раз ,когда обновляешь страницу,меняет картинки,но еще выбрасывает сообщение вэб -страницы stack overflow at line:0
что -то не так работает,если можно,посмотрите сам сайт s-center.com.ua и подскажите что исправить.

@ostgals · 08.11.2010, 10:55

Сообщение от ustikm

что -то не так работает,если можно,посмотрите сам сайт s-center.com.ua и подскажите что исправить.

Извините. Исправьте JS на следующий:

HTML5
1
2
3
4
5
6
7
<script type="text/javascript">
<!--//
    var images = [ 'im/tel1.png', 'im/tel2.png', 'im/tel3.png', 'im/tel4.png' ];
    var offset = Math.floor((new Date()).getTime() / (24 * 60 * 60 * 1000)) % images.length;
    function phone(img, i) { img.onload = null; img.src = images[(i + offset) % images.length]; }
//-->
</script>

Я виноват - не доглядел.

@ustikm · 08.11.2010, 11:03 **[ТС]**

Сообщение от ostgals

Извините. Исправьте JS на следующий:

HTML5
1
2
3
4
5
6
7
<script type="text/javascript">
<!--//
    var images = [ 'im/tel1.png', 'im/tel2.png', 'im/tel3.png', 'im/tel4.png' ];
    var offset = Math.floor((new Date()).getTime() / (24 * 60 * 60 * 1000)) % images.length;
    function phone(img, i) { img.onload = null; img.src = images[(i + offset) % images.length]; }
//-->
</script>

Я виноват - не доглядел.

большое спасибо за быстрый ответ,сейчас попробую.

@ustikm · 11.11.2010, 13:44 **[ТС]**

[QUOTE=ostgals;1093380]Извините. Исправьте JS на следующий:

HTML5
1
2
3
4
5
6
7
<script type="text/javascript">
<!--//
    var images = [ 'im/tel1.png', 'im/tel2.png', 'im/tel3.png', 'im/tel4.png' ];
    var offset = Math.floor((new Date()).getTime() / (24 * 60 * 60 * 1000)) % images.length;
    function phone(img, i) { img.onload = null; img.src = images[(i + offset) % images.length]; }
//-->
</script>

Я виноват - не доглядел.[/Q

Все работает,большое спасибо за помощь,очень помогли в решении моей проблеммы.

Новые блоги и статьи Все статьи Все блоги /
Оптимизация кода на разграничение прав доступа к элементам формы Maks 13.04.2026 Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .	Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .	Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .	Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .
Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .	модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI	Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .	Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка. Hrethgir 08.04.2026 Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .

@ustikm 0 / 0 / 0 Регистрация: 30.10.2010 Сообщений: 10

	как поменять картинки между собой?????? 30.10.2010, 12:37. Показов 4533. Ответов 28 Метки нет (Все метки) Добрый день!Помогите с этой проблеммой,уже перекопал кучу всего и ничего толкового не нашел.Есть 4 phg картинки,нужно чтобы они раз в сутки менялись между собой местами,как написать такой скрипт,кто может и хорошо понимает в java .помогите с этой проблеммой,а то буксую на месте. 0