■ ■ ■ ■ ■ ■
changedetectionio/templates/diff-image.html
| skipped 22 lines |
| 23 | 23 | | </div> |
| 24 | 24 | | |
| 25 | 25 | | <div id="diff-ui"> |
| 26 | | - | <img style="max-width: 100%" src="{{ url_for('render_diff_image', uuid=uuid, compare_date=current_previous_version) }}" /> |
| 27 | | - | <img style="max-width: 100%" src="{{ url_for('render_single_image', uuid=uuid, history_timestamp=current_previous_version) }}" /> |
| | 26 | + | <script |
| | 27 | + | defer |
| | 28 | + | src="https://unpkg.com/img-comparison-slider@7/dist/index.js" |
| | 29 | + | ></script> |
| | 30 | + | <link |
| | 31 | + | rel="stylesheet" |
| | 32 | + | href="https://unpkg.com/img-comparison-slider@7/dist/styles.css" |
| | 33 | + | /> |
| | 34 | + | |
| | 35 | + | <img-comparison-slider> |
| | 36 | + | <img slot="first" src="{{ url_for('render_diff_image', uuid=uuid, compare_date=current_previous_version) }}" /> |
| | 37 | + | <img slot="second" src="{{ url_for('render_single_image', uuid=uuid, history_timestamp=current_previous_version) }}" /> |
| | 38 | + | |
| | 39 | + | </img-comparison-slider> |
| | 40 | + | |
| 28 | 41 | | </div> |
| 29 | 42 | | |
| 30 | 43 | | |
| skipped 21 lines |
