Как сделать рандомное смещение?

Question

[Александр Коновалов]

Здравствуйте! Есть код:

$('.all-players-list').css('-moz-transform', 'translate3d(-7505px, 0, 0)');
                    $('.all-players-list').css('-ms-transform', 'translate3d(-7505px, 0, 0)');
                    $('.all-players-list').css('-o-transform', 'translate3d(-7505px, 0, 0)');
                    $('.all-players-list').css('-webkit-transform', 'translate3d(-7505px, 0, 0)');
                    $('.all-players-list').css('transform', 'translate3d(-7505px, 0, 0)');

Здесь все время происходит смещение на -7505px, как сделать, чтобы это значение было рандомным в интервале, который я укажу? Например, один раз сместилось на -7505, потом 7500 итд?

Answer 1

[Stanislav Gorovoy]

Ну делай рандом на js и добавляй к элементам стиль

Comments

[Александр Коновалов]

Stanislav Gorovoy а можно подробнее, пожалуйста, а то в js не силен?

[Александр Коновалов]

Stanislav Gorovoy https://jsfiddle.net/jr087s8e - я пробовал вот так, но почему-то не работает, сдвига нет вообще

[Stanislav Gorovoy]

Александр Коновалов: Используйте Math.random() javascript.ru/math.random
var min = 0,
max = 10;
var rnd = Math.random() * (max - min) + min;

$('.all-players-list')..css('-moz-transform', 'translate3d('+rnd+'px, 0, 0)');

[Stanislav Gorovoy]

Александр Коновалов: точка лишняя после селектора

[Александр Коновалов]

Stanislav Gorovoy: большое Вам спасибо!

Answer 2

[Laid]

$random = mt_rand (-7500, 7505);
<script>
$('.all-players-list').css('-moz-transform', 'translate3d(<?php echo $random; ?>, 0, 0)');
                    $('.all-players-list').css('-ms-transform', 'translate3d(<?php echo $random; ?>, 0, 0)');
                    $('.all-players-list').css('-o-transform', 'translate3d(<?php echo $random; ?>, 0, 0)');
                    $('.all-players-list').css('-webkit-transform', 'translate3d(<?php echo $random; ?>, 0, 0)');
                    $('.all-players-list').css('transform', 'translate3d(<?php echo $random; ?>, 0, 0)');
</script>