Настроить Drag & Drop Jquery plugin для фотографий чтобы он отдавал на
500 UAHЕсть плагин Jquery, к сожалению я даже не знаю как он называется Но суть его в том что при загрузке фотографий он их выстраивает в канвас одну под другой
То же самое он читает и с бекенда если фото для данного объекта уже присутствуют Все вродебы нормально но вот почему то первую фотографию он выстраивает где то 10 ну вообщем не первой видимо проблемы с асинхронностью. Необходимо сделать Чтобы правильный порядок фотографий выставлялся при чтении их с бекенда А так же при изменениии их порядка отправлять на бекенд новый порядок фотографий {file_name,position_number}
Прошу сразу указывать цену и сроки выполнения данного задания
Вот фрагмент кода этого плагина
var dr = function drow() {
if(!files.lenght){
window.deff.resolve()
}
var files_final=[];
files=files_final
console.log('files_final',files)
$('#sortable').html('');
elem = '';
for (var i = 1, f; f = files[i]; i++) {
$('#preloader_screen').css('display','block')
$('#preloader').css('display','block');
$(this).disabled = true;
if (!f.type.match('image.*')) continue;
var fr = new FileReader();
fr.onload = (function (theFile) {
return function (e) {
elem = '<li style="list-style-type: none;"><canvas class="canv_image" id="' + theFile.name + '" height="300" width="300" class="swapperbox" style="border: 1px solid; margin:10px; background-image: url('+ e.target.result +') transparent;"></canvas><button onclick="removeImg(\'' + theFile.name + '\')" type="button" class="close" style="position: absolute;' +
' margin-top: 15px;' +
' margin-left: -40px;' +
' background-color: transparent;' +
' border-color: transparent;" data-dismiss="alert" aria-label="Close">' +
' <span aria-hidden="true">×</span>' +
' </button></li>'
images_list.push(theFile.name);
if(!$('#sortable').html().includes(theFile.name)){
$('#sortable').append(elem);
var example = document.getElementById(theFile.name),
ctx = example.getContext('2d'),
pic = new Image();
pic.src = e.target.result;
pic.onload = function () {
let coeff = "";
let width ="";
let heigth="";
let delta_x = '';
let delta_y = '';
if(pic.width >= pic.height){
coeff = 300 / pic.width;
width = 300;
heigth = pic.height * coeff;
delta_x = 0;
delta_y = (300 - heigth)/2;
}else{
coeff = 300 / pic.height;
heigth = 300;
width = pic.width * coeff;
delta_x = (300 - width)/2;
delta_y = 0;
}
ctx.drawImage(pic, delta_x, delta_y, width, heigth);
}
}
window.deff.resolve()
};
})(f);
fr.readAsDataURL(f);
}
$("#sortable").sortable();
}
Отзыв заказчика о сотрудничестве с Давидом Манжулой
Настроить Drag & Drop Jquery plugin для фотографий чтобы он отдавал наРекомендую, парень знает свое дело
Отзыв фрилансера о сотрудничестве с Andrii Lopushanskyi
Настроить Drag & Drop Jquery plugin для фотографий чтобы он отдавал наВсё норм. Интересная задача и мгновенная оплата=)
Актуальные фриланс-проекты в категории Javascript
ТГ бот для автоматической пересылки текста из постов в другой канал- Нужно, чтоб бот умер пересылать именно ТЕКСТ из поста в телеграме и другой канал - Чтобы умел пересылать ТЕКСТ, который нельзя скопировать в канале - Чтобы делал это быстро и полностью автономно - Чтобы работал на каком-то сервере (я не разбираюсь) круглосуточно - Должен… Javascript, Разработка ботов ∙ 3 ставки |
Переделать внешний вид фильтра
6366 UAH
Переделать внешний вид фильтра сайта. Мы ищем старшего фронтенд-разработчика с серьезными знаниями Javascript и CSS, а также знанием бэкенда, сайт работает на DLE. Javascript, Веб-программирование ∙ 4 ставки |
Разработчик Shopify
500 UAH
Нужно разработать веб-сайт на Shopify с нуля Необходимые навыки - liquid - разработка темы Shopify - html/css/js/react.js Писать сразу с портфолио и почасовой ставкой Javascript, Веб-программирование ∙ 3 ставки |
Добавление нового функционала на существующий проект (ReactJS)Доброе время суток! Ищем ReactJS разработчика, чтобы помочь нам добавить новый функционал к существующей платформе. Необходимо сверстать новые странички, и подружить с API. С дизайном новых страниц, можно ознакомиться по ссылке ТУТ API готов. Подробности работы с API уже… Javascript, Веб-программирование ∙ 18 ставок |
Написать расширение для Google Chrome
849 UAH
Нужно расширение под для Google Chrome ( фейк прогноз следующего числа либо цвета под казино ) Нужно чтобы запоминались последние введенные цифры и при нажатии кнопки выдавалось случайное число Также нужно чтобы запоминался введенный цвет и при нажатии кнопки показывало… Javascript, Веб-программирование ∙ 5 ставок |