71 replies to this topic

[fiction13]

Я перепиливал элемент JBImage с использованием jQuery File Upload. На фронте при подаче работает на Uikit + Uikit Sorting, в админке - на Bootstrap и jQuery UI. 

 

Если необходимо - сделаю паблик версию элемента.

Attached Thumbnails

• 
• 

[nikolia]

Если можно! Прикрепите элемент для скачивания

[nikolia]

Хотя элемент от black_paw  работает, фото оптимизирует и закачивает на сервер, только ссылку не подхватывает для отображения.

Блин если бы я понимал, как исправить ((((

[nikolia]

Спасибо всем, вопрос снимается!

Edited by nikolia, 21 October 2015 - 15:39.

[margon]

fiction13, а Вы можете выложить вашу перепиленную версию. Буду очень благодарен. И еще вопрос: у этой версии есть ресайз картинок? 

[fiction13]

Видимо элемент необходим, пилю его для паблика, это занимает и еще займет некоторое время.

[corolevanata]

Я смотрю тема не очень развивается, хотя тема нужная. Я все скачала и с заменой файлов на сайт закачала так вот у меня теперь вообще блок  медиа не отражается на сайте в подаче материала. Вот что теперь делать? 

[CB9TOIIIA]

Я смотрю тема не очень развивается, хотя тема нужная. Я все скачала и с заменой файлов на сайт закачала так вот у меня теперь вообще блок  медиа не отражается на сайте в подаче материала. Вот что теперь делать? 

 

Бекап восстанавливать?

[nikolia]

Уже есть готовое решение http://forum.jbzoo.c...bgallery-image/Ставиться как отдельный элемент и работает все на ура, спасибо fiction13

[usersJbzoo]

При добавлении материала, предпросмотр загружаемых фото для элемента jbimage можно организовать имитацией загрузки фото и подстановкой картинки в image-preview.

Необходимо поправить файл ../media/zoo/applications/jbuniversal/elements/jbimage/assets/js/submission.js

// set new image on select
            $fileSelect.change(function () {
                var value = this.value.replace(/^.*[\/\\]/g, '');
                $obj.find('.filename').val(value);
                //////предпросмотр фото - добавить ниже следующий код
                  var input = $(this)[0];
                if ( input.files && input.files[0] ) {
                    if ( input.files[0].type.match('image.*') ) {
                        var reader = new FileReader();
                        reader.onload = function(e) {
                            $obj.find(".image-preview").removeClass("hidden");
                            $obj.find(".image-preview img").attr('src', e.target.result);
                        }
                        reader.readAsDataURL(input.files[0]);
                    } else console.log('is not image mime type');
                } else console.log('not isset files data or files API not supordet');
               ////////
            });