1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45
| const containerImg = document.getElementById('container-img');
const containerLine = document.getElementById('container-line');
const poubelle = document.getElementById('poubelle');
Sortable.create(containerImg, {
group: {
name: "container-img",
pull: "clone",
put: false
},
animation: 250,
easing: "cubic-bezier(0.34, 1.56, 0.64, 1)", // https://easings.net/#easeOutBack
sort: false, // désactiver la réorganisation
// delayOnTouchOnly: true,
// delay: 1000,
// ghostClass: "futur-place",
// chosenClass: "active",
// dragClass: "invisible",
});
Sortable.create(containerLine, {
group: {
name: "container-img"
},
animation: 250,
easing: "cubic-bezier(0.34, 1.56, 0.64, 1)",
ghostClass: "futur-place",
// delayOnTouchOnly: true,
// delay: 1000,
// chosenClass: "active",
// dragClass: "invisible",
filter: "#poubelle"
});
Sortable.create(poubelle, {
group: {
name: "container-img",
pull: false,
put: true
},
}); |
Partager