anton-bayerlab commited on
Commit
849003d
·
2 Parent(s): 2e72cd0 1bc1fc6

Merge branch 'main' of hf.co:spaces/huawei-bayerlab/windowseat-reflection-removal-web

Browse files
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
  });