java скрипт по смене картинок и текста. Хелп.

BadBoy
На сайте с 31.01.2005
Offline
308
1112

Приветствую.

Нуден java скрипт который бы при обновлении страницы менял картинку и описание к картинке...

например у тебя есть 5 картинок и 5 текстов к ним, тексты должны привязываться к картинкам, ну тоесть типа блока(связка) картинка 1 и текст 1, чтобы не менялось все рандомно... База простая, в одной папке лежат все нужные картинки (с названиями 1.jpg 2 3 4 5 ... ) и txt файл с текстами... Ну или на ваше усмотрение, можно тексты в самом java файле прописать. Аля мини тизерка )

C
На сайте с 04.02.2005
Offline
291
#1

аякс есть?

1. получить целое случайное rndInt

2.задать картинке src=rndInt.jpg

3. аяксом загрузить rndInt.txt

BadBoy
На сайте с 31.01.2005
Offline
308
#2

Chukcha, очень информативно, для человека который в этом не смыслит, "спасибо помогли" :)

C
На сайте с 04.02.2005
Offline
291
#3

Не за что...

Помочь - не написать. Не так ли?

---------- Добавлено 18.09.2013 в 16:16 ----------


var imgArray = ['1.jpg',.........];
var txtArray = ['ткст первой картинки', .......];

function getrandom(min_random, max_random) {
var range = max_random - min_random + 1;
return Math.floor(Math.random()*range) + min_random;
}
var rndInt = getrandom(1, imgArray.length);

и известными методами подставить нужное в src и текстовый блок

---------- Добавлено 18.09.2013 в 16:23 ----------

document.write('<img src="'+imgArray[rndInt]+'" />');

document.write('<div>'+txtArray[rndInt]+'</div');
BadBoy
На сайте с 31.01.2005
Offline
308
#4
Chukcha:
Помочь - не написать.

Зачем тогда пытаться?

В данном случае помощь - это:

1. ссылка на решение вопроса

2. подробная инструкция решения вопроса

Если не можете ничего предложить, то лучше не писать...

Я еще раз говорю, додумывать ваш код я все равно не буду, так как не знаю явы.

---------- Добавлено 18.09.2013 в 17:43 ----------

Chukcha, уже лучше :)

вот код который работает, переделал немного


var imgArray = ['1.jpg','2.jpg'];
var txtArray = ['текст первой картинки', 'текст 2ой картинки'];

function getrandom(min_random, max_random) {
var range = max_random - min_random + 1;
return Math.floor(Math.random()*range) + min_random;
}
var rndInt = getrandom(1, imgArray.length);
document.write('<img src='+imgArray[rndInt]+'>');
document.write('<div>'+txtArray[rndInt]+'</div>');

убрал из него кавычки и предпоследней строки, стало работать, НО иногда выдает такое

в коде 2 переменных, но видимо фактически их 3... Как сделать чтобы не отображалось пустое место?

C
На сайте с 04.02.2005
Offline
291
#5

var rndInt = getrandom(0, imgArray.length-1);

BadBoy
На сайте с 31.01.2005
Offline
308
#6

Chukcha, Спасибо, работает.

Ну вот видите, не так уж и сложно было написать решение проблемы сразу, больше времени ушло на бла бла бла :)

C
На сайте с 04.02.2005
Offline
291
#7
вот код который работает, переделал немного

Именно этого я добивался :)

BadBoy
На сайте с 31.01.2005
Offline
308
#8
Chukcha:
Именно этого я добивался

да, но вдруг челок не знал бы даже азов... короче вы не правы :)

Если кому вдруг пригодится - рабочая версия в одном сообщении с комментариями :)

создаем файл script.js в него добавляем этот код


var imgArray = ['1.jpg','2.jpg'];
var txtArray = ['текст первой картинки', 'текст 2ой картинки'];

function getrandom(min_random, max_random) {
var range = max_random - min_random + 1;
return Math.floor(Math.random()*range) + min_random;
}
var rndInt = getrandom(0, imgArray.length-1);
document.write('<img src='+imgArray[rndInt]+'>');
document.write('<div>'+txtArray[rndInt]+'</div>');

в html файле или шаблоне сайта, добавляем в нужное место эту строку

<script type="text/javascript" src="./script.js"></script>

файлы картинок должны лежать в той же папке что и скрипт

радуемся ...

rammlied
На сайте с 13.04.2011
Offline
56
#9

Интересно, будет ли ап темы когда все это дело в более конкретное место захочется вывести... документ врайт дико глаза режет

делаю СДЛы, получаются ГСы )
C
На сайте с 04.02.2005
Offline
291
#10
и известными методами подставить нужное в src и текстовый блок

предложите что-то универсальное и "быстро" СЛЯПАНОЕ.

можно и нативное, можно и framework.

TC доволен и, наверное, счастлив :)

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий