Ответы пользователя по тегу JavaScript
  • Как в дроп зоне отобразить уже загруженные картинки?

    @AlexWeb6667 Автор вопроса
    Web-дизайнер с опытом FullStack разработки
    В Html

    //Счетчик
    <?php $counter = 0; ?>
    
    <?php foreach ($model->images as $image): ?>
    
        <?php
              ++$counter;
        ?>
    
        <div class="server_img" id="server_img_<?= $counter ?>"><?= $image->name ?></div>
    
    <?php endforeach; ?>


    После формы зарегистрировать Js

    //Кол-во блоков с классом .server_img(То есть блоков с именами)
    var path = $('.server_img').length;
    
    //Сколько картинок столько и циклов
    for (i = 1; i <= path; i++) {
    
      //Имя каждой
      var img_name = $('#server_img_' + i).text(),
      mockFile = { name: img_name };
    
    //Добавляем файл drop-zon через событие
    myDropzone.emit("addedfile", mockFile);
    
    //Делаем превьюху по Url где хранятся загруженные картинки
    myDropzone.emit("thumbnail", mockFile, "/web/upload/store/Products/" + mockFile.name);
    
    //Даем статус загруженные
    myDropzone.emit("complete", mockFile);
        
        }
    Ответ написан
    Комментировать
  • Как сделать такую функцию?

    @AlexWeb6667
    Web-дизайнер с опытом FullStack разработки
    Попробуй так

    В css на весь экран гифка

    #preloader {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999999;
    width: 100%;
    height: 100%;
    overflow: visible;
    background: #fafafa url('../img/1.gif') no-repeat center center;
    }

    а в jquery

    скрыть при полной загрузке странички

    jQuery(document).ready(function($) {
    $(window).load(function() {
    setTimeout(function() {
    $('#preloader').fadeOut('slow', function() {});
    }, 2000);

    });
    });
    Ответ написан
    Комментировать