Malin
37cf714058
✅ Fixed bulk conversion getting stuck on missing files ✅ Added robust error handling and timeout protection ✅ Improved JavaScript response parsing ✅ Added file existence validation ✅ Fixed missing PHP class imports ✅ Added comprehensive try-catch error recovery 🔧 Key fixes: - File existence checks before conversion attempts - 30-second timeout protection per file - Graceful handling of 500 errors and JSON parsing issues - Automatic continuation to next file on failures - Cache busting for JavaScript updates 🎯 Result: Bulk conversion now completes successfully even with missing files 🚀 Generated with Claude Code (https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
69 lines
2.4 KiB
JavaScript
69 lines
2.4 KiB
JavaScript
|
|
function initComparisonSlider($) {
|
|
//function to check if the .cd-image-container is in the viewport here
|
|
// ...
|
|
|
|
var w = $('.cd-image-container').width();
|
|
|
|
$('.cd-image-container img').each(function(){
|
|
$(this).css('max-width', w + 'px');
|
|
});
|
|
|
|
$('.cd-image-container img').first().on('load', function() {
|
|
$('.cd-image-container').width($(this).width());
|
|
})
|
|
|
|
//make the .cd-handle element draggable and modify .cd-resize-img width according to its position
|
|
$('.cd-image-container').each(function(){
|
|
var actual = $(this);
|
|
drags(actual.find('.cd-handle'), actual.find('.cd-resize-img'), actual);
|
|
});
|
|
|
|
//draggable funtionality - credits to http://css-tricks.com/snippets/jquery/draggable-without-jquery-ui/
|
|
function drags(dragElement, resizeElement, container) {
|
|
dragElement.on("mousedown vmousedown", function(e) {
|
|
dragElement.addClass('draggable');
|
|
resizeElement.addClass('resizable');
|
|
|
|
var dragWidth = dragElement.outerWidth(),
|
|
xPosition = dragElement.offset().left + dragWidth - e.pageX,
|
|
containerOffset = container.offset().left,
|
|
containerWidth = container.outerWidth(),
|
|
minLeft = containerOffset + 10,
|
|
maxLeft = containerOffset + containerWidth - dragWidth - 10;
|
|
|
|
dragElement.parents().on("mousemove vmousemove", function(e) {
|
|
leftValue = e.pageX + xPosition - dragWidth;
|
|
|
|
//constrain the draggable element to move inside its container
|
|
if(leftValue < minLeft ) {
|
|
leftValue = minLeft;
|
|
} else if ( leftValue > maxLeft) {
|
|
leftValue = maxLeft;
|
|
}
|
|
|
|
widthValue = (leftValue + dragWidth/2 - containerOffset)*100/containerWidth+'%';
|
|
|
|
$('.draggable').css('left', widthValue).on("mouseup vmouseup", function() {
|
|
$(this).removeClass('draggable');
|
|
resizeElement.removeClass('resizable');
|
|
});
|
|
|
|
$('.resizable').css('width', widthValue);
|
|
|
|
//function to upadate images label visibility here
|
|
// ...
|
|
|
|
}).on("mouseup vmouseup", function(e){
|
|
dragElement.removeClass('draggable');
|
|
resizeElement.removeClass('resizable');
|
|
});
|
|
e.preventDefault();
|
|
}).on("mouseup vmouseup", function(e) {
|
|
dragElement.removeClass('draggable');
|
|
resizeElement.removeClass('resizable');
|
|
});
|
|
};
|
|
|
|
};
|