Управление сайтом

Компаний

Пользователи

Фиксированные новости

Отзывы о фирмах

Пользователи

Банкоматы

Торговые точки

Доска объявлений

Курсы валют

организации Орла

организации области

сайты Орел

Поиск запросы

Статистика

Показы каталога организаций

Статистика клиенты

Пользователи

Управление сайтом

Каталоги >

Новости >

Организации >

Секрет фирмы >

Сервисы >

Файловый менеджер

Имя файла	cropper-in-modal.html
Содержимое	<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Cropper.js</title> <link rel="stylesheet" href="../assets/css/bootstrap.min.css"> <link rel="stylesheet" href="../dist/cropper.css"> <style> .img-container img { max-width: 100%; } </style> </head> <body> <div class="container"> <h1 class="page-header">Cropper in a Bootstraop modal</h1> <!-- Button trigger modal --> <button type="button" class="btn btn-primary" data-target="#modal" data-toggle="modal"> Launch the demo </button> <!-- Modal --> <div class="modal fade" id="modal" role="dialog" aria-labelledby="modalLabel" tabindex="-1"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h4 class="modal-title" id="modalLabel">Cropper</h4> </div> <div class="modal-body"> <div class="img-container"> <img id="image" src="../assets/img/picture.jpg" alt="Picture"> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> </div> </div> </div> </div> </div> <script src="../assets/js/jquery.min.js"></script> <script src="../assets/js/bootstrap.min.js"></script> <script src="../dist/cropper.js"></script> <script> window.addEventListener('DOMContentLoaded', function () { var image = document.getElementById('image'); var cropBoxData; var canvasData; var cropper; $('#modal').on('shown.bs.modal', function () { cropper = new Cropper(image, { autoCropArea: 0.5, built: function () { // Strict mode: set crop box data first cropper.setCropBoxData(cropBoxData).setCanvasData(canvasData); } }); }).on('hidden.bs.modal', function () { cropBoxData = cropper.getCropBoxData(); canvasData = cropper.getCanvasData(); cropper.destroy(); }); }); </script> </body> </html>

/plugins/crop/examples/

Имя	Дата	Размер
..	2016-02-17
a-range-of-aspect-ratio.html	2016-02-17	2 кб.
crop-a-round-image.html	2016-02-17	2 кб.
crop-on-canvas.html	2016-02-17	1 кб.
cropper-in-modal.html	2016-02-17	2 кб.
customize-preview.html	2016-02-17	3 кб.
fixed-crop-box.html	2016-02-17	1 кб.
full-crop-box.html	2016-02-17	1 кб.
multiple-croppers.html	2016-02-17	1 кб.
responsive-container.html	2016-02-17	1 кб.

/plugins/crop/examples