shyuser |
Отправлено: 4 февраля 2013 — 08:40
|
Member
Покинул форум
Сообщений всего: 111
Дата рег-ции: Июль 2009
Откуда: Лукоянов, Нижегородская область, Россия
Репутация: 16
|
mastersound, пробуйте, немного упростил (ввиду того, что ссылка у фото везде одна), должно работать Спойлер (Отобразить)CODE:<div id="rotate_banners"></div>
<script type="text/javascript" language="JavaScript">
<!--
banners_img_array = new Array(
"http://viafriends.ru/rotator/session.jpg",
"http://viafriends.ru/rotator/scene.jpg",
"http://viafriends.ru/rotator/thematic.jpg",
"http://viafriends.ru/rotator/banzay.jpg",
"http://viafriends.ru/rotator/durackiy.jpg"
);
banners_title_array = new Array(
"Фотосессия в новых костюмах, декабрь 2013 - фото Кирилла Федотова",
"Фотографии в процессе работы ВИА Друзья",
"Фото с тематических вечеринок - Индия",
"Съемка для журнала Банзай, 07-09.2011",
"Всякие наши дурацкие фотки"
);
var i=1;
var sec = 5000;
banners(i);
function banners(i) {
if(i >= banners_img_array.length){
i=0;
};
document.getElementById("rotate_banners").innerHTML = '<a href="http://viafriends.ru/photos.html" target="_blank"><img border="0" src="'+banners_img_array[i]+'" title="'+banners_title_array[i]+'" alt="'+banners_title_array[i]+'"></a>';
i++;
j=i;
var timerId = setTimeout("banners(j)", sec);
return true;
}
//-->
</script>
в описании массива, после CODE:"Съемка для журнала Банзай, 07-09.2011" забыли запятую поставить. |
|
|
shyuser |
Отправлено: 5 февраля 2013 — 09:09
|
Member
Покинул форум
Сообщений всего: 111
Дата рег-ции: Июль 2009
Откуда: Лукоянов, Нижегородская область, Россия
Репутация: 16
|
mastersound пишет:shyuser может найдется время поправить код под задачу, чтобы и тайтлы с альтами были и разные ссылки с разных изо?
Спойлер (Отобразить)CODE:<div id="rotate_banners"></div>
<script type="text/javascript" language="JavaScript">
<!--
banners_img_array = new Array(
"http://viafriends.ru/rotator/session.jpg",
"http://viafriends.ru/rotator/scene.jpg",
"http://viafriends.ru/rotator/thematic.jpg",
"http://viafriends.ru/rotator/banzay.jpg",
"http://viafriends.ru/rotator/durackiy.jpg"
);
banners_href_array = new Array(
"http://viafriends.ru/photos_1.htm",
"http://viafriends.ru/photos_2.htm",
"http://viafriends.ru/photos_3.htm",
"http://viafriends.ru/photos_4.htm",
"http://viafriends.ru/photos_5.htm"
);
banners_title_array = new Array(
"Тайтл 1",
"Тайтл 2",
"Тайтл 3",
"Тайтл 4",
"Тайтл 5"
);
banners_alt_array = new Array(
"Альт 1",
"Альт 2",
"Альт 3",
"Альт 4",
"Альт 5"
);
var i=1;
var sec = 5000;
banners(i);
function banners(i) {
if(i >= banners_img_array.length){
i=0;
};
document.getElementById("rotate_banners").innerHTML = '<a href="'+banners_href_array[i]+'" target="_blank"><img border="0" src="'+banners_img_array[i]+'" title="'+banners_title_array[i]+'" alt="'+banners_alt_array[i]+'"></a>';
i++;
j=i;
var timerId = setTimeout("banners(j)", sec);
return true;
}
//-->
</script>
|
|
|
YuraP0d |
Отправлено: 13 августа 2013 — 06:46
|
Member
Покинул форум
Сообщений всего: 133
Дата рег-ции: Июнь 2013
Репутация: 2
|
Привет, кто поможет, опишу просьбу:
Есть страница HTML в табличной вёрстке и есть ячейка 160х160px, нужно в этой ячейке разместить ротатор на те же 5 баннеров, но что бы этот ротатор тянул ссылки из файла, в одном файле все ссылки, а сам файл бы располагался в папке например banners ну и папка сама в корне.
И хорошо бы, что бы ротатор был на яве как верхний, что бы не зависимо от обновления страницы сам обновлялся, но если это сложно, то пусть обычный ротатор. |
|
|
YuraP0d |
Отправлено: 13 августа 2013 — 22:46
|
Member
Покинул форум
Сообщений всего: 133
Дата рег-ции: Июнь 2013
Репутация: 2
|
Да вроде всё ясно и понятно
(Добавление)
Но либо я плохо обьсняю, либо ещё, что то.
В статичном сайте написанном на html, пробую сделать такую штуку, в таблицу вставил код:
CODE: <script language="JavaScript" src="js/banners.js" type="text/javascript"></script>
Далее в папке js лежащей в корне, сайта создал файл banners.js с кодом:
CODE:banners_img_array = new Array(
"http://viafriends.ru/rotator/session.jpg",
"http://viafriends.ru/rotator/scene.jpg",
"http://viafriends.ru/rotator/thematic.jpg",
"http://viafriends.ru/rotator/banzay.jpg",
"http://viafriends.ru/rotator/durackiy.jpg"
);
banners_href_array = new Array(
"http://viafriends.ru/photos_1.htm",
"http://viafriends.ru/photos_2.htm",
"http://viafriends.ru/photos_3.htm",
"http://viafriends.ru/photos_4.htm",
"http://viafriends.ru/photos_5.htm"
);
banners_title_array = new Array(
"Тайтл 1",
"Тайтл 2",
"Тайтл 3",
"Тайтл 4",
"Тайтл 5"
);
banners_alt_array = new Array(
"Альт 1",
"Альт 2",
"Альт 3",
"Альт 4",
"Альт 5"
);
var i=1;
var sec = 5000;
banners(i);
function banners(i) {
if(i >= banners_img_array.length){
i=0;
};
document.getElementById("rotate_banners").innerHTML = '<a href="'+banners_href_array[i]+'" target="_blank"><img border="0" src="'+banners_img_array[i]+'" title="'+banners_title_array[i]+'" alt="'+banners_alt_array[i]+'"></a>';
i++;
j=i;
var timerId = setTimeout("banners(j)", sec);
return true;
}
Ротатор не работает, подскажите почему.
а если взять этот код, то
CODE:var banner = new Array()
<!-- Первый баннер -->
banner[0] = new Array()
banner[0][0] = "http://site.ru/banner.gif"
banner[0][1] = "http://site.ru"
banner[0][2] = "всплывающее название"
<!-- Конец первого баннера -->
<!-- Второй баннер -->
banner[1] = new Array()
banner[1][0] = "http://site.ru/banner.gif"
banner[1][1] = "http://site.ru"
banner[1][2] = "всплывающая подсказка"
<!-- Конец второго баннера -->
n = Math.random()*1
nb = Math.round(n)
document.write('<a href=' + banner[nb][1] + ' target=_blank>')
document.write('<img src=' + banner[nb][0] + ' alt=' + banner[nb][2] + ' border=0 > </a>')
всё нормально, но там нет независимого обновления, и тилы только первое слово показывает |
|
|
1Bot |
Отправлено: 14 августа 2013 — 06:41
|
Super Member
Покинул форум
Сообщений всего: 773
Дата рег-ции: Апр. 2009
Откуда: Днепропетровск
Репутация: 69
|
YuraP0d пишет:Ротатор не работает, подскажите почему.
Не работает потому что нет элемента, в котором должен прокручиваться баннер.
Перед строкой
CODE:<script language="JavaScript" src="js/banners.js" type="text/javascript"></script>
Нужно добавить элемент для вставки в него баннера
CODE:<div id="rotate_banners"></div> (Отредактировано автором: 14 августа 2013 — 06:42) |
|
|
|