Rengga Dev – JS Tutorial – Gallery Details with font-awesome.css & sortable.js
//Drag and drop Sortable.js
new Sortable(gallery, {
swapThreshold: 1,
animation: 150
});
//Add random heart
function heart_loop() {
var number = 1 + Math.floor(Math.random() * 6);
if (number == 1 || number == 5 || number == 6) {
$("#" + number).addClass("heart dark");
} else {
$("#" + number).addClass("heart");
}
setTimeout(function () {
$("#" + number).removeClass();
heart_loop();
}, 5000);
}
heart_loop();
//Drag and drop Sortable.js
new Sortable(gallery, {
swapThreshold: 1,
animation: 150
});
//Add random heart
function heart_loop() {
var number = 1 + Math.floor(Math.random() * 6);
if (number == 1 || number == 5 || number == 6) {
$("#" + number).addClass("heart dark");
} else {
$("#" + number).addClass("heart");
}
setTimeout(function () {
$("#" + number).removeClass();
heart_loop();
}, 5000);
}
heart_loop();
//Drag and drop Sortable.js new Sortable(gallery, { swapThreshold: 1, animation: 150 }); //Add random heart function heart_loop() { var number = 1 + Math.floor(Math.random() * 6); if (number == 1 || number == 5 || number == 6) { $("#" + number).addClass("heart dark"); } else { $("#" + number).addClass("heart"); } setTimeout(function () { $("#" + number).removeClass(); heart_loop(); }, 5000); } heart_loop();