Небольшие изменения смены картинок
http://jsfiddle.net/QwJfn/33/
Вот пока колдую, что бы картинки в "окнах" не повторялись, менялись по одной + каждое след окно менялось через 5 сек.. Услышал бы любые советы) С жс просто не особо у меня) |
Цитата:
- генерационно узнать картинку - генерационно узнать место - отобразить картинку - отработать ситуации "кончились места" и "кончились картинки" |
Как вариант...
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!--
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
body {
font-size: 12pt;
}
td {
width: 60px;
height: 60px;
text-align: center;
}
</style>
<script type="text/javascript">
var ai=['ноль','один','два','три','четыре','пять','шесть','семь','восемь','девять'];
var ib=0;
var ie=ai.length-1;
var ac=[0,1,2];
var cb=0;
var ce=ac.length-1;
$(function (){
test();
test();
test();
setInterval(test,5000);
});
function test() {
var id=rnd(ac,cb,ce);
cb=(cb==0)? 0: cb-1;
if (ce==0) {
ce=ac.length-1;
ib=0;
} else {
ce--;
};
var im=rnd(ai,ib,ie);
if (ie==0) {
ie=ai.length-1;
ib=ac.length-1;
} else {
ie--;
};
document.getElementById('td'+id).innerHTML=im;
};
function rnd(Arr,Beg,End) {
var i=Math.random() * (End - Beg) + Beg;
i=Math.floor(i);
var val=Arr[i];
Arr[i]=Arr[End];
Arr[End]=val;
return val;
};
</script>
</head>
<body>
<table border='1'>
<tr>
<td id='td0'> </td>
<td id='td1'> </td>
<td id='td2'> </td>
</tr>
</table>
</body>
</html>
Смотрел не долго... Вроде повторений нет... :D |
Извиняюсь, а вы не подскажите, как сделать, что бы добавлялась картинка конкретной ссылке(фон), а не td...
то есть есть <a class="ttt"></a> .ttt{ display:block; height:200px; width:200px; } и хочу еще $("a.ttt").attr("href", "http://www.google.com/"); подставить href...место гугла ссылка на саму картинку... |
Цитата:
|
Хах, но уже внес нужные правки(в своем примере, а не в вашем), зашел отписать) + начинаю изучать жс более датально)
|
| Часовой пояс GMT +3, время: 05:31. |