Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Скрипт замены картинок по датам (https://javascript.ru/forum/misc/43278-skript-zameny-kartinok-po-datam.html)

lukjanchuks 29.11.2013 14:48

Скрипт замены картинок по датам
 
<a class="banner-new" href="/order" style="display: none;"><img src="http://sait/images/img2.png" alt="discount" /></a> <br />
<a class="newdiscount" title="Discount banner" href="http://sait/order"><img alt="Discount banner" src="/images/img1.gif" /></a>

<script>
function banners (bannerIn, bannerOut, dateIn, dateOut) {
var currentDate = new Date();
this.bannerIn = bannerIn;
this.bannerOut = bannerOut;
this.dateIn = dateIn;
this.dateOut = dateOut;
//date reading by js
dateInReady = new Date(dateIn);
dateOutReady = new Date(dateOut);
if (currentDate < dateOutReady) { 
if (currentDate > dateInReady) {
document.querySelector(bannerIn).style.display = "block";
document.querySelector(bannerOut).style.display = "none";
console.log('the temporary banner is loaded');
} else { console.log("the temporary banner not loaded") }
} else { console.log("the temporary banner not loaded") }
}
document.addEventListener('DOMContentLoaded', function() {
banners (".banner-new",".newdiscount","November 29, 2013 00:01","December 05, 2013 00:00")
})
</script>

Вообщем подгружает сначала старую картинку, а потом новую! а мне нужно чтобы сразу менял картинки!

ksa 29.11.2013 15:17

Цитата:

Сообщение от lukjanchuks
Вообщем подгружает сначала старую картинку, а потом новую! а мне нужно чтобы сразу менял картинки!

1. Обе скрой
2. Убери картинки вообще. Скриптом вставляй нужный img...

lukjanchuks 29.11.2013 15:33

Цитата:

Сообщение от ksa (Сообщение 283525)
1. Обе скрой
2. Убери картинки вообще. Скриптом вставляй нужный img...

я в js не очень. можешь тыкнуть мне где что поменять

ksa 29.11.2013 15:41

Цитата:

Сообщение от lukjanchuks
можешь тыкнуть мне где что поменять

По первому варианту...

<a class="banner-new" href="/order" style="display: none;">
   <img src="http://sait/images/img2.png" alt="discount" />
</a> 
<br />
<a class="newdiscount" style="display: none;" title="Discount banner" href="http://sait/order">
   <img alt="Discount banner" src="/images/img1.gif" />
</a>

lukjanchuks 29.11.2013 15:52

Цитата:

Сообщение от ksa (Сообщение 283531)
По первому варианту...

<a class="banner-new" href="/order" style="display: none;">
   <img src="http://sait/images/img2.png" alt="discount" />
</a> 
<br />
<a class="newdiscount" style="display: none;" title="Discount banner" href="http://sait/order">
   <img alt="Discount banner" src="/images/img1.gif" />
</a>

ну эт понятно. А как сделать чтобы вторая постоянно скриптом, а потом когда наступала та дата- первая картинка заменяла вторую.

ksa 29.11.2013 15:54

Цитата:

Сообщение от lukjanchuks
А как сделать ...

Я беру 1000р за час работы... ;)

lukjanchuks 29.11.2013 16:02

Цитата:

Сообщение от ksa (Сообщение 283538)
Я беру 1000р за час работы... ;)

banners (".banner-new",".newdiscount","November 29, 2013 00:01","December 05, 2013 00:00")
banners (".newdiscount",".banner-new","December 05, 2013 00:00","November 29, 2013 00:01")

Сделал так -работатет. просто очень много сайтов и менять постоянно код неохота!!

lukjanchuks 29.11.2013 16:03

удели мне уже плиз 5 минут)))буду благодарен))

ksa 29.11.2013 16:04

lukjanchuks, оплата в 1000р это минимум... Далее сколько получится по времени...


Часовой пояс GMT +3, время: 08:43.