Merge branch 'main' of hf.co:spaces/huawei-bayerlab/windowseat-reflection-removal-web
Browse files- js/comparison-widget.js +6 -0
- js/jquery.twentytwenty.js +8 -0
js/comparison-widget.js
CHANGED
|
@@ -147,6 +147,12 @@ $(document).ready(function() {
|
|
| 147 |
// plugin creates either "-label" or plain classes in different versions; update both
|
| 148 |
$('#ws-comparison-slider .twentytwenty-before-label').attr('data-content', afterLabel);
|
| 149 |
$('#ws-comparison-slider .twentytwenty-after-label').attr('data-content', beforeLabel);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 150 |
// log that labels were updated
|
| 151 |
console.log('Updated slider labels to:', $wsSlider.find('.twentytwenty-before-label').attr('data-content'),
|
| 152 |
$wsSlider.find('.twentytwenty-after-label').attr('data-content'));
|
|
|
|
| 147 |
// plugin creates either "-label" or plain classes in different versions; update both
|
| 148 |
$('#ws-comparison-slider .twentytwenty-before-label').attr('data-content', afterLabel);
|
| 149 |
$('#ws-comparison-slider .twentytwenty-after-label').attr('data-content', beforeLabel);
|
| 150 |
+
const $slider = $('#ws-comparison-slider');
|
| 151 |
+
const $api = $slider.data('twentytwenty');
|
| 152 |
+
if ($api) {
|
| 153 |
+
// log something
|
| 154 |
+
$api.adjustSlider(0.5); // reset to center
|
| 155 |
+
}
|
| 156 |
// log that labels were updated
|
| 157 |
console.log('Updated slider labels to:', $wsSlider.find('.twentytwenty-before-label').attr('data-content'),
|
| 158 |
$wsSlider.find('.twentytwenty-after-label').attr('data-content'));
|
js/jquery.twentytwenty.js
CHANGED
|
@@ -143,6 +143,14 @@
|
|
| 143 |
adjustSlider(sliderPct);
|
| 144 |
});
|
| 145 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 146 |
|
| 147 |
$(window).trigger("resize.twentytwenty");
|
| 148 |
});
|
|
|
|
| 143 |
adjustSlider(sliderPct);
|
| 144 |
});
|
| 145 |
}
|
| 146 |
+
// Expose public methods via data attribute
|
| 147 |
+
container.data('twentytwenty', {
|
| 148 |
+
adjustSlider: adjustSlider,
|
| 149 |
+
updateLabels: function(beforeLabel, afterLabel) {
|
| 150 |
+
overlay.find('.twentytwenty-before-label').attr('data-content', beforeLabel);
|
| 151 |
+
overlay.find('.twentytwenty-after-label').attr('data-content', afterLabel);
|
| 152 |
+
}
|
| 153 |
+
});
|
| 154 |
|
| 155 |
$(window).trigger("resize.twentytwenty");
|
| 156 |
});
|