Ребят, спасибо за столь оперативные ответы.
Есть плавные переходы, координаты генерируются случайным образом, но всё таки есть ещё вопрос:
Вопрос:
Почему скорость переходы от точки к точке не фиксированная, а то один раз очень быстро, другой раз еле-еле перемещается.
Вот, что у меня получилось:
<script src="jquery.js"></script>
<script src="http://code.jquery.com/ui/1.10.0/jquery-ui.js"></script>
<script>
function getRandomInt(min, max)
{
return Math.floor(Math.random() * (max - min + 1)) + min;
}
var x = 0;
var y = 0;
var n_top = 0;
var n_left = 0;
function moveMap()
{
x = getRandomInt(0, 1000);
y = getRandomInt(0, 1500);
$('#map').stop().animate({
scrollTop: y,
scrollLeft: x
}, 15000, 'easeOutCubic')
}
setInterval('moveMap()', 4000);
</script>
<div id="map" style="width:500px;height:300px;overflow:hidden;bo rder:1px solid #adadad">
<div style="background:url(photo.jpg);width:1000px;heig ht:1500px;"></div>
</div>
Может можно это сделать как-то без скроллов, по-другому?
И почему скорость меняется?
И вообще, буду рад любым советам, улучшениям.
Спасибо!