<style>
body{
display: none;
}
</style>
</head>
<img id="ls" src="484.GIF" alt="" style="position: absolute; top: 50%; left: 50%">
<img src="https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/1649c230120151.561437e082267.jpg" alt="">
<img src="https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/1649c230120151.561437e082267.jpg" alt="">
<img src="https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/1649c230120151.561437e082267.jpg" alt=""><img src="https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/1649c230120151.561437e082267.jpg" alt="">
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.4.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('img#ls').hide();
$('body').css('display', 'block');
});
</script>
Не пашет почему то.
echo Cropper::widget([
'modal' => true,
'aspectRatio' => 4 / 3,
'pluginOptions' => [
'minCropBoxWidth' => 400, // minimal crop area width
'minCropBoxHeight' => 300, // minimal crop area height
],
'options' => [],
'imageOptions' => [],
]);