Случайное изображение

Guooff · May 31, 2010

Доброе время суток, я вот хотел узнать - как сделать что то в роде "случайное изображение"

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

Реально ли это сделать и как?*

за благовременно Вам спасибо!

psywalker · May 31, 2010

Доброе время суток, я вот хотел узнать - как сделать что то в роде "случайное изображение"
Идёт таблица и в ней я хочу разместить случайное изображение, при загрузки или обновлении страница что бы менялось это изображение на любое изображение вложено в одну папку...
Реально ли это сделать и как?*
за благовременно Вам спасибо!

Реально сделать массив с разными картинками, а потом путём случайной генерации при обновлении менять индексы, т.е. номера массива.

Guooff · May 31, 2010

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

а такое как в папку кинул там допустим картинок 10ть и что бы читало оттуда и выбирало случайно...можно?*

Edited May 31, 2010 by Guooff

rus · May 31, 2010

а такое как в папку кинул там допустим картинок 10ть и что бы читало оттуда и выбирало случайно...можно?*

это уже скорее php.

sigma77 · May 31, 2010

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

На JS как-то так.

Наверняка есть и лучшее решение, но JS изучаю совсем недавно.

Edited June 1, 2010 by sigma77

Guooff · June 1, 2010

Спасибо за помощь! применил, работает пока хорошо

Guooff · June 1, 2010

На JS как-то так.
Наверняка есть и лучшее решение, но JS изучаю совсем недавно.

Извеняюсь за флуд, но решил выложить то что мне помогло, довльно часто что то кто то ищит а ссылки биты, ну по себе знаю) поэтому проще будет код выложить...

<html>
  <head>
	<title></title>
	<meta http-equiv="content-type" content="text/html; charset=windows-1251" />
	<link rel="stylesheet" type="text/css" href="#" media="#" />

	<script type="text/javascript">
	function randomImg(){
	  var imgAr = ['<img src="img/1.jpg" alt="#" />',
				   '<img src="img/2.jpg" alt="#" />',
				   '<img src="img/3.jpg" alt="#" />',
				   '<img src="img/4.jpg" alt="#" />'];
	  var rnd = Math.floor(Math.random()*imgAr.length);
	  var rndImg = imgAr[rnd];
	  var imgTag = document.getElementById('img');
	  imgTag.innerHTML = rndImg;}
	  window.onload = randomImg;
	</script>  

  </head>
  <body>

	<div id="img">
	</div>

  </body>
</html>

rgl · June 9, 2010

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

И еще вопрос, есть ли какие-то недостати у другого способа - в нужном месте кода написать document.write( тег img со случайной картинкой ) ?

Edited June 9, 2010 by rgl

dream1k · March 26, 2011

Здравствуйте. Мне нужна ваша помощь. Нужны 2 таблички в которых с одной папки будут открываться картинки (случайные).

Есть только одна...

<HTML> 
<HEAD> 
<title>Goddesses</title>
</head>
<body>
<br><br><br><br><center><H2> Random selection of Goddesses</H2><center>

<table  border="2" cellspacing="5" bordercolor="#4A708B">
<tr>
<td>
<script language="javascript">
<!--
var a=Math.round(Math.random()*4) 
image = new Array();
image[0]="1.jpg"
image[1]="2.jpg"
image[2]="3.jpg"
image[3]="4.jpg"
image[4]="5.jpg"
document.write ("<img src="+image[a]+">");
//-->
</script>
</td>
</tr>
</table>

<BODY BACKGROUND="D:\random image\background.jpg">
<BODY BGCOLOR="#DCDCDC" TEXT="#800080" LINK="#A020F0">
</BODY> 
</HTML>

s0rr0w · March 27, 2011

Ну так сделайте две таблички, в чем проблема?

dream1k · March 27, 2011

Они получаются одна под одной, хотелось бы что они были рядом (по горизонтали) с некем промежутком + картинки совпадают... Не могу понять как сделать чтобы они не повторялись в 2 таблицах одновременно.

Edited March 27, 2011 by dream1k

psywalker · March 27, 2011

Они получаются одна под одной, хотелось бы что они были рядом (по горизонтали) с некем промежутком + картинки совпадают... Не могу понять как сделать чтобы они не повторялись в 2 таблицах одновременно.

float: left; не?

dream1k · March 27, 2011

У меня не получается

psywalker · March 27, 2011

У меня не получается

Не получается поставить рядом две таблицы?

dream1k · March 27, 2011

Знаю, это банально, но да...

psywalker · March 27, 2011

Знаю, это банально, но да...

Я же написал решение.

dream1k · March 27, 2011

float: left;

Без понятия куда это надо вставить. Уже везде лепил.

psywalker · March 27, 2011

float: left;
Без понятия куда это надо вставить. Уже везде лепил.

А зачем лепить бездумно? Почему бы для начала не почитать о нём?

dream1k · March 27, 2011

Читал. Не помогло. Печальный.

http://htmlbook.ru/css/float

psywalker · March 27, 2011

Читал. Не помогло. Печальный.
http://htmlbook.ru/css/float

А покажи тестовую страницу. Как ты его используешь в своих целях.

dream1k · March 27, 2011

<HTML> 
<HEAD> 
<title>Goddesses</title>
</head>
<body>
<br><center><H2> Random selection of Goddesses</H2><center>

<table  border="2" cellspacing="5" bordercolor="#4A708B">
<tr>
<td>
<script language="javascript">
<!--
var a=Math.round(Math.random()*5) 
image = new Array();
image[0]="1.jpg"
image[1]="2.jpg"
image[2]="3.jpg"
image[3]="4.jpg"
image[4]="5.jpg"
image[5]="6.jpg"
document.write ("<img src="+image[a]+">");
//-->
</script>
</td>
</tr>
</table>

<br><table  border="2" cellspacing="5" bordercolor="#4A708B">
<tr>
<td>
<script language="javascript">
<!--
var a=Math.round(Math.random()*5) 
image = new Array();
image[0]="1.jpg"
image[1]="2.jpg"
image[2]="3.jpg"
image[3]="4.jpg"
image[4]="5.jpg"
image[5]="6.jpg"
document.write ("<img src="+image[a]+">");
//-->
</script>
</td>
</tr>
</table>

<BODY BACKGROUND="D:\random image\background.jpg">

<BODY BGCOLOR="#DCDCDC" TEXT="#800080" LINK="#A020F0">
</BODY>
</HTML>

psywalker · March 27, 2011

Так, а где же float?

dream1k · March 27, 2011

<HTML> 
<HEAD>
<meta http-equiv="Content-Type" content="image/html; charset=utf-8" />
  <style type="image/css">
   .layer1 {
    float: left;
    margin-right: 20px;
   }
  </style>
<title>Goddesses</title>
</head>
<body>
<br><center><H2> Random selection of Goddesses</H2><center>
<table  border="2" cellspacing="5" bordercolor="#4A708B">
<tr>
<td>
<script language="javascript">
<!--
var a=Math.round(Math.random()*5) 
//это число должно совпадать с максимальным индексом таблицы изображений
image = new Array();
image[0]="1.jpg"
image[1]="2.jpg"
image[2]="3.jpg"
image[3]="4.jpg"
image[4]="5.jpg"
image[5]="6.jpg"
//с максимальным индексом image[..] совпадает число, на которое умножаем вверху
document.write ("<img src="+image[a]+">");
//-->
</script>
</td>
</tr>
</table>

<br><table  border="2" cellspacing="5" bordercolor="#4A708B">
<tr>
<td>
<script language="javascript">
<!--
var a=Math.round(Math.random()*5) 
//это число должно совпадать с максимальным индексом таблицы изображений
image = new Array();
image[0]="1.jpg"
image[1]="2.jpg"
image[2]="3.jpg"
image[3]="4.jpg"
image[4]="5.jpg"
image[5]="6.jpg"
//с максимальным индексом image[..] совпадает число, на которое умножаем вверху
document.write ("<img src="+image[a]+">");
//-->
</script>
</td>
</tr>
</table>

<BODY BACKGROUND="D:\random image\background.jpg">

<BODY BGCOLOR="#DCDCDC" TEXT="#800080" LINK="#A020F0">
</BODY>
</HTML>

psywalker · March 27, 2011

.layer1 - а вот это что?

dream1k · March 27, 2011

Какой-то слой %

Да и так понятно что я черт знает что вставил.

psywalker · March 27, 2011

Какой-то слой %
Да и так понятно что я черт знает что вставил.

Тогда для начала хорошенько ещё 10 раз прочитай, для чего нужно и как используется это свойство, если не поможет, то погугли, купи книжку, и так же проштудируй её. Ну а потом я думаю все вопросы отпадут сами по себе.

Sign In

Случайное изображение

Question

Link to comment

Share on other sites

28 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information