случайное изображение при загрузке - PullRequest
Новая
       6

случайное изображение при загрузке

0 голосов
/ 18 августа 2011

Я нашел несколько скриптов, но я не заставил их работать: Что я делаю не так?

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

Я могу изменить цвет шрифта, но у меня проблемы с изображением.

JS: 

$(document).ready(function(){
  var colors = ["#D4FF00","#E18000","#ED4498","#0080C0"];
  var Rlogo= ['BIMP_groen.jpg','BIMP_oranje.jpg','BIMP_roze.jpg','BIMP_blauw.jpg'];  
  var rand = Math.floor(Math.random()*colors.length);
  $('a').css("color", colors[rand]);
  $('h2').css("color", colors[rand]);
  $('<img src="images/logo/' + Rlogo[rand] + '">').appendTo('#logo');
  });

в моем HTML, 

<img src="images/logo/BIMP_oranje.jpg" id="logo" align="right" alt='align="right"'>

изображение не изменяется при обновлении.

пожалуйста, помогите

Ответы [ 3 ]

1 голос
/ 18 августа 2011

Попробуйте заменить эту строку: 

$('<img src="images/logo/' + Rlogo[rand] + '">').appendTo('#logo');

с этим: 

$('#logo').attr("src","images/logo/" + Rlogo[rand]);

По сути, это означает "получить элемент DOM с помощью id="logo" и изменить элемент "src" на "images/logo/" + Rlogo[rand].

0 голосов
/ 18 августа 2011

Вам необходимо заменить изображение в родительском элементе логотипа: 

<div id="logoParent">
<img src="images/logo/BIMP_oranje.jpg" id="logo" align="right" alt='align="right"'/>
</div>
<script type="text/javascript">
$('#logoParent').html('<img src="images/logo/' + Rlogo[rand] + '"/>');
</script>
0 голосов
/ 18 августа 2011

"appendTo" добавляет некоторый контент к элементу, но элемент #logo (который является элементом "img") не имеет внутреннего html.

Вы должны сделать что-то вроде этого: 

$("#logo").attr("src","images/logo/"+Rlogo[rand]);
...