Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Кликабельная картинка в JS (https://javascript.ru/forum/misc/23091-klikabelnaya-kartinka-v-js.html)

sunrec 11.11.2011 00:53

Кликабельная картинка в JS
 
Здравствуйте, подскажите пожалуйста где ошибка в JS :

<script language="JavaScript">
<!--
var a=Math.round(Math.random()*2)
image = new Array();
image[0]="http://www/Pictures/images/1.jpg"
image[1]="http://www/Pictures/images/2.jpg"
image[2]="http://www/Pictures/images/3.jpg"
document.write ("<img src="+image[a]+">"); onclick="location.href='www' ";
//-->
</script>


Хотел чтобы при каждом обновлении страницы появлялась новая картинка, но чтобы она была обязательно кликабельна.

рони 11.11.2011 01:17

sunrec,
Цитата:

Сообщение от sunrec
document.write ("<img src="+image[a]+" onclick=\"location.href='www' \">");


sunrec 11.11.2011 09:54

Эх, а чтобы курсор при наведении менялся, как при наведении на любую ссылку. Это как-то можно реализовать?

sunrec 11.11.2011 10:08

<script language="JavaScript">
<!--
var a=Math.round(Math.random()*2)
image = new Array();
image[0]="www/Pictures/images/1.jpg"
image[1]="www/Pictures/images/2.jpg"
image[2]="www/Pictures/images/3.jpg"
document.write ("<img src="+image[a]+" onclick=\"location.href='www' \">");
img:hover {
   cursor: pointer
}


//-->
</script>


Правильно?

Electron 11.11.2011 11:02

Цитата:

Сообщение от sunrec (Сообщение 135879)
Правильно?

Нет, это стили, вынесите их из JS-скрипта:
<style type="text/css">
img:hover {
	cursor: pointer;
}
</style>


UPD:
А лучше создайте отдельный класс:
<style type="text/css">
	.imghover { cursor: pointer; }
</style>
<script type="text/javascript">
	var a = Math.round(Math.random()*2);
	image = new Array();
	image[0] = 'http://s017.radikal.ru/i441/1111/a0/e3904b68a8a2.png';
	image[1] = 'http://s04.radikal.ru/i177/1111/2c/be6dafadc54c.png';
	image[2] = 'http://s017.radikal.ru/i419/1111/50/d027caa1d6d3.png';
	document.write("<img src="+image[a]+" onclick=\"location.href='URL'\" class=\"imghover\" />");
</script>

sunrec 11.11.2011 11:41

Спасибо за помощь! Теперь очень похоже на то, что требовалось сделать.


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