Message: Return type of CI_Session_files_driver::open($save_path, $name) should either be compatible with SessionHandlerInterface::open(string $path, string $name): bool, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice
Message: Return type of CI_Session_files_driver::close() should either be compatible with SessionHandlerInterface::close(): bool, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice
Message: Return type of CI_Session_files_driver::read($session_id) should either be compatible with SessionHandlerInterface::read(string $id): string|false, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice
Message: Return type of CI_Session_files_driver::write($session_id, $session_data) should either be compatible with SessionHandlerInterface::write(string $id, string $data): bool, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice
Message: Return type of CI_Session_files_driver::destroy($session_id) should either be compatible with SessionHandlerInterface::destroy(string $id): bool, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice
Message: Return type of CI_Session_files_driver::gc($maxlifetime) should either be compatible with SessionHandlerInterface::gc(int $max_lifetime): int|false, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice
Message: Cannot modify header information - headers already sent by (output started at /home/palugada/domains/envato.palugada.top/public_html/system/core/Exceptions.php:271)
tag:envato.palugada.top/codecanyon:/feeds/new-javascript-slash-images-and-media-itemsCodecanyon new Images and Media items2025-12-17 09:01:26tag:codecanyon:Item/197311562017-04-09 07:09:152017-04-22 02:21:15TryMe - Versatile Try On Product Solution (Images and Media) <p>
TryMe is a new way in a product presentation. It adds a material, plastic note in online e-commerce industry.
It allow user to visualize product in its own environment or to “dress it”, it moves customer experience to the next level.
TryMe is easy to use with one or multiple product at the same time. By using multiple product it easy to fill out living room, or to dress multiple wardrobe parts.
</p>
<h3 id="item-description__features">Features</h3>
<ul>
<li>Live camera or photo view</li>
<li>One or multiple product at once</li>
<li>Take snapshot with product in your environment</li>
<li>Work on Desktop, Tablet and Phone </li>
<li>Chrome, Firefox, Opera, Edge, IE, Safari </li>
<li>Easy to install and use </li>
<li>Simple user interface</li>
<li>Native HTML5 & JavaScript </li>
<li>No server side required </li>
</ul>
<p>NOTE: IE and Safari does not support live camera view</p>
<h3 id="item-description__free-configuration-tool">FREE CONFIGURATION TOOL</h3>
<p>Try it. Embed TryMe into your web site before you buy it. <br /> Visit <a href="http://www.awssoft.com/tryme/code-creator.php" rel="nofollow">CODE-CREATOR</a> page.</p>
<h3 id="item-description__recommended-software-for-removing-background">Recommended software for removing background</h3>
<ul>
<li><a href="http://codecanyon.net/item/magic-edge-pure-javascript-background-remover/9535411">Magic Edge</a> – To make product images transparent</li>
</ul>
<h3 id="item-description__support">Support</h3>
<p>We built this component for you.
So, if you have any: features question, suggestion, new feature request or pre sale question, we are happy to help you.
Fell free to send as any question regarding TryMe.
</p>
<h3 id="item-description__changelog">Changelog</h3>
<p>Version 1.0.1</p>
<ul>
<li>Released on 7. April 2017.</li>
</ul>awssofttag:codecanyon:Item/195560102017-03-09 03:07:382017-03-09 03:07:38FHShowcase - Turn your 500px gallery into amazing slideshow (Images and Media) <h3 id="item-description__description">Description</h3>
Five Hundred Showcase (or simply FHShowcase) is the jQuery plugin that allows easily build awesome slideshows from photos provided by 500px.com photo sharing service. FHShowcase has some cool features like animated progress bar, floating profile card for 500px user and even can bypass CORS restriction for better user experience! No special skills required for quick start.
<h3 id="item-description__features">Features</h3>
<ul>
<li>Create slideshows from 500px user’s photos, album or even from 500px search results
</li><li>Based on powerful well-known slideshow engine – Owl Carousel 2, no need to learn something new to make brilliant slideshows
</li><li>Neat additional UI features like userpic, profile card, progressbar
</li><li>Compatible with official 500px API which allows to pass custom options like image quantity and size, sorting and filtering options, and many more other options
</li><li>Can bypass CORS restrictions
</li><li>Has modular code structure, making it easy for advanced users to develop their own plugins and additional features
</li><li>Crossbrowser (compatible with modern browsers)
</li></ul>
<p>See FHShowcase in action: <a href="https://nedgeva.github.io/fhshowcase/" rel="nofollow">https://nedgeva.github.io/fhshowcase/</a></p>
<p><strong>Changelog</strong>
<pre>v1.0.0 - initial release</pre></p>Nedgevatag:codecanyon:Item/194600612017-02-18 05:39:262017-02-18 05:39:26REMARK jQuery Plugin + Redactor Plugin (Images and Media) <h2 id="item-description__description">Description</h2>
<p>The Remark Plugin сreates Caption and Description for images, block tags. And it can draw well designed Overlay Headline. The Remark Plugin highly customizable and it has Headline and Credit mode</p>
<p>Also Redactor Plugin will add Remark to Images, which are inserted on Redactor editor.</p>
<strong>Less coding, More creative</strong>
<h2 id="item-description__features">Features</h2>
<ul>
<li>Headline mode is Caption and Description placed front of the image.</li>
<li>Credit mode is Caption and Description placed above or below of the image.</li>
<li>You can set Caption and Description placement.</li>
<li>You can chnage Shade colors and Alpha, Also you can use your own CSS class</li>
<li>Captions and Descriptions font-size, line-height, color, text-transform settings are able to set in direct configration. Or you can set your own custom CSS Class</li>
<li>Captions and Descriptions are HTML supported. But you can set supported tags.</li>
<li>Mobile friendly / Responsive</li>
<li>You can use Remark plugin any other Block Tags</li>
<li>and much more… Check them from our <a href="http://www.bamdaa.com/demo/remark/index.html" rel="nofollow">Documentation/Demo</a></li>
</ul>
<h2 id="item-description__files-included">Files included</h2>
<strong>Remark plugin files</strong>
<ul>
<li>js/remark.js</li>
<li>css/remark.css</li>
<li>remark-redactor-plugin/remark.js</li>
<li>remark-redactor-plugin/remark.css</li>
<li>Documentation</li>
</ul>
<p>and Demo / Usage / Redactor-Plugin page files included</p>
<h2 id="item-description__screenshots">Screenshots</h2>
<p><b>HEADLINE MODE</b></p>
<img src="http://www.bamdaa.com/demo/remark/images/ss-one.jpg" alt="Remark Plugin" />
<br /><br />
<p><b>CREDIT MODE</b></p>
<img src="http://www.bamdaa.com/demo/remark/images/ss-two.jpg" alt="Remark Plugin" />
<br /><br />
<p><b>HEADLINE MODE has CUSTOM SHADE COLORS and ALIGNMENT</b></p>
<img src="http://www.bamdaa.com/demo/remark/images/ss-three.jpg" alt="Remark Plugin" />BamDaatag:codecanyon:Item/194200612017-02-10 03:08:142017-03-31 04:38:11Product Designer (Images and Media) <p> <strong>Product Designer</strong> is a awesome tool to create your own product and get directly from your website. It is well documented, very easy to customize and use.</p>
<p><strong>If you like the product, please rate it.</strong></p>
<p><img src="http://gdurl.com/tYrd" />
</p><h3 id="item-description__features">Features</h3>
<ul>
<li>Choose different product from collection</li>
<li>Add custom texts to product.</li>
<li>Change text color using colorpicker</li>
<li>Change the size and font of the Text</li>
<li>Let the user drag, move or remove elements</li>
<li>Add images</li>
<li>Design both frontside and back-side</li>
<li>Shows preview while designing</li>
<li>Export product design as jpg</li>
<li>Clean, commented, indented, and W3C validate codes</li>
<li>Super easy to customize and use</li>
<li>Very light codes</li>
<li>100% hand coding</li>
<li>Any time support and help</li>
</ul>
<p><strong>Back-side</strong></p>
<img src="http://gdurl.com/WFDh" />nivodevtag:codecanyon:Item/163641672016-05-27 04:41:082017-05-06 03:25:08Slim Image Cropper, Responsive Uploading and Ratio Cropping Plugin (Images and Media) <p>Slim is a cross platform Image Cropping and Uploading plugin. It’s very easy to setup and features beautiful graphics and animations.</p>
<p><a href="http://slimimagecropper.com" rel="nofollow"><img src="http://slimimagecropper.com/envato/demo-full.gif" alt="Demo" /></a></p>
<p>Quick feature overview:</p>
<ul>
<li>Responsive and beautifully animated</li>
<li>Optimised for fast performance</li>
<li>Crop, rotate and upload images</li>
<li>Supports touch interaction on mobile devices</li>
<li>Auto correct mobile image rotation </li>
<li>Can upload over AJAX or form POST</li>
<li>Auto crop and auto resize of images</li>
<li>Rotate images</li>
<li>Loads dropped images and URLs</li>
<li>A treat for the eyes</li>
</ul>
<p>Slim is build to work standalone but is very flexible and can be used with:</p>
<ul>
<li>jQuery</li>
<li>Bootstrap</li>
<li>Foundation</li>
<li>React</li>
<li>Angular 1.x and 2.x</li>
</ul>
<p><a href="https://codecanyon.net/collections/6446251-slim-image-cropper-for-wordpress"><img src="http://slimimagecropper.com/envato/banner-wp.svg" alt="WordPress version" /></a></p>
<p>Give it a test run:</p>
<ul>
<li><a href="http://slimimagecropper.com/#drag-drop-crop" rel="nofollow">Slim live demo</a></li>
<li><a href="http://slimimagecropper.com/#easy-configuration" rel="nofollow">Slim documentation</a></li>
</ul>
<p><img src="http://slimimagecropper.com/envato/header-premium-quality.svg" alt="Premium Quality" /></p>
<p>Slim is build using the latest HTML 5, CSS 3 and JavaScript techniques.</p>
<p><img src="http://slimimagecropper.com/envato/header-detailed-docs.svg" alt="Detailed Documentation" /></p>
<p>Slim ships with <a href="http://slimimagecropper.com/#easy-configuration" rel="nofollow">extensive documentation</a> on all it’s capabilities.</p>
<p><img src="http://slimimagecropper.com/envato/header-professional-support.svg" alt="Professional Support" /></p>
<p>Just contact us <a href="http://codecanyon.net/item/slim-image-upload-and-ratio-cropping-plugin/16364167/support/contact">through the form on the Support page</a>, we’re always happy to help out with any questions or problems.</p>
<p><img src="http://slimimagecropper.com/envato/header-reviews.svg" alt="Reviews" /></p>
<blockquote>
<p>“This plugin is incredible. It is very well built and very well documented. The design is obviously very clean and sleek as you can tell from the demo, but I was surprised how easy it was to implement. The seller even provides server side scripts that you can use to easily handle the output and saving the images. The number of customizable options is incredible and setup is really easy.”</p>
</blockquote>
<p><img src="http://slimimagecropper.com/envato/5-stars.svg" alt="5 stars" /> by <strong><a href="https://codecanyon.net/ratings/2483015">jacurtis</a></strong></p>
<blockquote>
<p>“Quick response to questions and a great product.”</p>
</blockquote>
<p><img src="http://slimimagecropper.com/envato/5-stars.svg" alt="5 stars" /> by <strong><a href="https://codecanyon.net/ratings/2433625">miltonarcos</a></strong></p>
<blockquote>
<p>“Perfect … easy to integrate and fast code updates”</p>
</blockquote>
<p><img src="http://slimimagecropper.com/envato/5-stars.svg" alt="5 stars" /> by <strong><a href="https://codecanyon.net/ratings/2489495">mintao</a></strong></p>
<blockquote>
<p>“Great, easy to use plugin for image upload and cropping. Sleek design that will fit the look and feel of any modern website. Had some issues with implementing into a complicated ajax form and the customer support was superb! Great job!”</p>
</blockquote>
<p><img src="http://slimimagecropper.com/envato/5-stars.svg" alt="5 stars" /> by <strong><a href="https://codecanyon.net/ratings/2480628">BlackSnowDigital</a></strong></p>
<blockquote>
<p>“This plugin definitely scores 100000000% with it’s awesome support. The author replied all my questions in record time and even went as far as releasing an update to fix a bug the same day I complained about it. This is definitely one of the best plugins on Envato for image manipulation and a must have for every website.”</p>
</blockquote>
<p><img src="http://slimimagecropper.com/envato/5-stars.svg" alt="5 stars" /> by <strong><a href="https://codecanyon.net/ratings/2477764">Kendysond</a></strong></p>
<blockquote>
<p>“Excellent support & awesome plugin!”</p>
</blockquote>
<p><img src="http://slimimagecropper.com/envato/5-stars.svg" alt="5 stars" /> by <strong><a href="https://codecanyon.net/ratings/2468606">martneli</a></strong></p>
<h2 id="item-description__features">FEATURES</h2>
<ul>
<li><p><strong>Beautiful Animations</strong> | Today, it’s all about a nice and smooth user experience, this is where Slim delivers big time.</p>
</li>
<li><p><strong>Responsive</strong> | In this day and age, of course this plugin is responsive.</p>
</li>
<li><p><strong>Mobile Friendly</strong> | Slim has been optimized to also work with touch input on mobile devices.</p>
</li>
<li><p><strong>Browser Cropping</strong> | Cropping is done on the client, no image manipulation script required on the server.</p>
</li>
<li><p><strong>Crop</strong> | Specify the output ratio, be it square (1:1), portrait (3:4), movie mode (16:9) a custom ratio or the ratio of the input image, Slim has got you covered.</p>
</li>
<li><p><strong>Rotate</strong> | Rotate the image to a 90, 180 or 270 degrees angle. </p>
</li>
<li><p><strong>AutoCrop</strong> | Slim will automatically crop the image to best fit the specified output ratio.</p>
</li>
<li><p><strong>AutoRotate</strong> | Mobile devices can embed rotation information in photographs, this often results in rotated or incorrectly read imagery. Slim automatically corrects this and presents the photo the way it was intended.</p>
</li>
<li><p><strong>AutoSize</strong> | Specify the maximum size of the output image and Slim will scale down the image to fit perfectly. <em>Tip: Use AutoSize with a square ratio to quickly crop avatars.</em></p>
</li>
<li><p><strong>Drop URLs</strong> | Loads dropped URLs from other websites just as easy as it loads dropped images.</p>
</li>
<li><p><strong>AJAX and Form POST</strong> | Upload cropped images with AJAX or with a traditional form post. When using AJAX Slim shows a neat progress indicator. </p>
</li>
<li><p><strong>Very Fast</strong> | Slim’s code is optimized for performance. On top of optimal code paths, Slims animations assist in making the cropping experience feel smooth and fast. </p>
</li>
<li><p><strong>Standalone</strong> | No client-side or server-side frameworks or libraries are required.</p>
</li>
<li><p><strong>PHP Helper Class</strong> | Handy PHP helper class included. This makes it easy for you to get to the uploaded images. If you’re planning to use Slim with ASP.Net / NodeJS or any other server side language this file should give you a good indication on how to setup Slim on the server.</p>
</li>
<li><p><strong>Bootstrap and Foundation Support</strong> | Tested and works nicely with both Bootstrap and Foundation.</p>
</li>
<li><p><strong>Angular and React Wrappers</strong> | The package contains wrapper modules for both Angular 1.x, 2.0 and React.</p>
</li>
<li><p><strong>Easy to Configure</strong> | Setting up Slim is a matter of adding some data attributes to your HTML and presto, you’re ready to crop and upload images.</p>
</li>
<li><p><strong>Edit Server Images</strong> | Slim can also load images via URL, this allows you to use Slim to quickly crop server images. </p>
</li>
<li><p><strong>Change Labels</strong> | All texts and icons can be configured using data attributes.</p>
</li>
<li><p><strong>Vanilla JavaScript and jQuery</strong> | Whether you’re an old school JavaScript fanatic or a jQuery lover, Slim’s got you covered. The package also contains AMD, CommonJS, ES6 and Global build of Slim.</p>
</li>
<li><p><strong>JavaScript API</strong> | You can control the cropper from JavaScript or jQuery whichever you like best. The <a href="http://slimimagecropper.com/#javascript-api" rel="nofollow">extensive API documentation</a> should give you a good idea on what is possible with Slim. </p>
</li>
<li><p><strong>And Much More</strong> | <a href="http://slimimagecropper.com" rel="nofollow">Read about all Slim’s features</a></p>
</li>
</ul>
<h2 id="item-description__custom-features">CUSTOM FEATURES</h2>
<p>The following articles describe how to add additional much requested functionality to Slim.</p>
<ul>
<li><p><a href="http://pqina.nl/blog/multiple-file-upload-with-slim" rel="nofollow">Multi File Upload</a></p>
</li>
<li><p><a href="http://pqina.nl/blog/creating-thumbnails-with-php" rel="nofollow">Generate Thumbnails</a></p>
</li>
</ul>
<h2 id="item-description__browser-support">BROWSER SUPPORT</h2>
<ul>
<li>Chrome</li>
<li>Firefox</li>
<li>Edge</li>
<li>Internet Explorer 10+</li>
<li>Opera (Not Opera mini as it lacks the required Canvas features)</li>
<li>Safari 8+ on OSX & iOS 8.4+ (Safari on Windows is no longer supported by Apple)</li>
<li>Android 4.4.4+</li>
</ul>
<p>On very old browsers ( older than Internet Explorer 8 ), Slim won’t load due to lack of JavaScript functionality. On Internet Explorer 8 and 9 it will show an incompatible message.</p>
<h2 id="item-description__files">FILES</h2>
<ul>
<li>Installation instructions</li>
<li>Example project</li>
<li>All CSS and JavaScript files for various project types.</li>
<li>PHP Upload Script. Plus examples on how to use for From POST and AJAX uploading. The <a href="http://slimimagecropper.com" rel="nofollow">product website</a> uses these exact same scripts for uploading.</li>
</ul>
<h2 id="item-description__thanks">THANKS</h2>
<p>Slim makes use of SVG icons made by <a href="http://www.flaticon.com/authors/egor-rumyantsev" rel="nofollow">Egor Rumyantsev</a>, these icons are licensed under <a href="http://creativecommons.org/licenses/by/3.0/" rel="nofollow">Creative Commons 3.0 BY</a>.</p>
<p>For animations Slim makes use of <a href="https://github.com/daniel-lundin/snabbt.js" rel="nofollow">Snabbt.js</a>, blurring is done using <a href="https://github.com/flozz/StackBlur" rel="nofollow">Stack Blur</a> and images are transformed in to manageable canvas elements with <a href="https://github.com/blueimp/JavaScript-Load-Image" rel="nofollow">LoadImage</a>. All three libraries available for commercial use under the <a href="https://opensource.org/licenses/MIT" rel="nofollow">MIT license</a>.</p>
<h2 id="item-description__history">HISTORY</h2>
<p><strong>4.7.1</strong> | 05-05-2017</p>
<ul>
<li>Add function that reads a hidden input with Slim data object as initial image.</li>
<li>Add data-initial-image for use in Angular 1.x template.</li>
</ul>
<p><strong>4.7.0</strong> | 25-04-2017</p>
<ul>
<li>Fixed function scope for data-service method, was not scoped to slim instance.</li>
<li>Improved Angular 1.x wrapper, now supports custom service function and better handles different project setups. Note that this is a breaking change, some code adjustments are required.</li>
<li>Improved Slim.php regex implementations (moved from <code>mb_ereg</code> to <code>preg</code>).</li>
</ul>
<p><strong>4.6.5</strong> | 20-04-2017</p>
<ul>
<li>Add option to set data-service to a function, Slim will then call this function and pass the FormData object for upload.</li>
</ul>
<p><strong>4.6.4</strong> | 30-03-2017</p>
<ul>
<li>Fixed bug where cancel event never fired</li>
</ul>
<p><strong>4.6.3</strong> | 21-03-2017</p>
<ul>
<li>Fixed bug where crop offsets was a negative value which in turn caused problems in IE and Edge.</li>
<li>Fixed bug where cropper without file input would throw an error on slow connections. </li>
</ul>
<p><strong>4.6.2</strong> | 17-03-2017</p>
<ul>
<li>Fixed bug in IE11 that prevented files from being dropped.</li>
<li>Improved image resize algorithm output quality</li>
</ul>
<p><strong>4.6.1</strong> | 10-03-2017</p>
<ul>
<li>Add <code>data-drop-replace</code> attribute which when set to false will disable drop image to replace currently loaded image.</li>
<li>Fixed problem where long error labels would break out of cropper area on IE11.</li>
</ul>
<p><strong>4.6.0</strong> | 08-03-2017</p>
<ul>
<li>Add drop URL functionality. You can now drop a URL and Slim will load the remote image.</li>
<li>Add <code>data-did-confirm</code> callback which is called after the user presses the confirm button in the image editor</li>
<li>Add <code>data-did-cancel</code> callback which is called after the user presses the cancel button in the image editor</li>
<li>Add <code>rotation</code> and <code>filter</code> information to PHP data object.</li>
<li>Improved drop area so user can drop a new image to replace the current image</li>
<li>Improved <code>.supported</code> property, now more accurate. Will return false when not supported, will show error message when creating a cropper on unsupported browser. </li>
<li>Improved Angular 1.x wrapper, now supports data binding for attributes mapping to internal setter methods (service, ratio, size and rotation).</li>
<li>Fixed problem where web page would scroll behind image editor while dragging crop area.</li>
<li>Fixed problem where long labels would break out of cropper area on IE11.</li>
<li>Fixed problem where removing an image or loading a new image by file selector would throw an error</li>
</ul>
<p><strong>4.5.2</strong> | 22-02-2017</p>
<ul>
<li>Fixed problem where right-to-left text direction would cause problems in the image editor.</li>
</ul>
<p><strong>4.5.1</strong> | 21-02-2017</p>
<ul>
<li>Fixed problem where uploading both input and output to server in sync mode would not work.</li>
</ul>
<p><strong>4.5.0</strong> | 15-02-2017</p>
<ul>
<li>Improved image resizing algorithm.</li>
<li>Improved file name for unknown files, name is now set to current date and time. </li>
<li>Add <code>data-filter-sharpen</code> attribute, set to value between 0 and 100 to sharpen image after resize. Default is 0, a value between 10 and 20 gives the illusion of improved image quality.</li>
<li>Fixed file name being “undefined” for downloaded files.</li>
</ul>
<p><strong>4.4.0</strong> | 08-02-2017</p>
<ul>
<li>Improved async crop output image uploading. Now uploads file instead of base64 encoded data. Set <code>data-upload-base64</code> to <code>"true"</code> if you wish to still send base64 data. Note that synchronous uploading still sends base64 data as it’s not possible to “write” a file to a file input field.</li>
</ul>
<p><strong>4.3.0</strong> | 06-02-2017</p>
<ul>
<li>Improved upload button, will now hide by default when loading initial image, can be enabled with <code>data-save-initial-image</code>.</li>
<li>Improved naming and handling of unknown files, base64 data or file data is now named with current date time.</li>
<li>Add option to pass server errors to client status message using the <code>data-did-receive-server-error</code> handler.</li>
</ul>
<p><strong>4.2.1</strong> | 01-02-2017</p>
<ul>
<li>Fix problem with <code>data-push</code> progress indicator not being accurate.</li>
<li>Fix problem where data was saved to hidden input before confirming instant edit crop.</li>
<li>Now hides label when a preview image is shown.</li>
<li>Add label to indicate loading image state.</li>
<li>Improved loading indicator visibility while loading image.</li>
</ul>
<p><strong>4.2.0</strong> | 30-01-2017</p>
<ul>
<li>Fix problem with image position when opening cropper after rotation.</li>
<li>Fix problem where Slim did automatically set the internal canvas size. This will now have to be supplied manually. The default size has been set to 4096×4096, this means that bigger images will automatically be scaled down.</li>
<li>Improved crop rectangle, it now holds shape when rotating if crop ratio is 1:1 or set to free.</li>
<li>Add <code>rotation</code> and <code>setRotation</code> end points to API to manually set image rotation.</li>
<li>Add <code>data-rotation</code> attribute to set initial image rotation</li>
</ul>
<p><strong>4.1.6</strong> | 29-01-2017</p>
<ul>
<li>Fix file drop problems on Firefox.</li>
</ul>
<p><strong>4.1.5</strong> | 28-01-2017</p>
<ul>
<li>Added style resets to image elements inside Slim to override any theme layout styles.</li>
</ul>
<p><strong>4.1.4</strong> | 27-01-2017</p>
<ul>
<li>Added <code>internalCanvasSize</code> property. Which can be set to limit the internal canvas size Slim uses to load images. If a browser limits the canvas size this can be used to prevent overflowing the limit. Slim will automatically set this based on your <code>size</code> or <code>forceSize</code> settings.</li>
<li>Improved performance of image editor.</li>
</ul>
<p><strong>4.1.3</strong> | 18-01-2017</p>
<ul>
<li>Fixed problem where the progress indicator would literally spiral out of control while uploading a file.</li>
<li>Fixed progress indicator not showing 100% progress state.</li>
</ul>
<p><strong>4.1.2</strong> | 16-01-2017</p>
<ul>
<li>Fixed problem where <code>Slim.destroy</code> did not correctly remove image editor element.</li>
<li>Fixed problem where server response status codes between 200 and 300 where not interpreted as successful.</li>
</ul>
<p><strong>4.1.1</strong> | 16-12-2016</p>
<ul>
<li>Improved slim handling size information. Now also accepts string based dimensions on options object.</li>
</ul>
<p><strong>4.1.0</strong> | 15-12-2016</p>
<ul>
<li>Added <code>setSize</code> and <code>setRatio</code> methods which both have a callback that returns the data after size and ratio have been applied.</li>
<li>Fixed scale of rotate button.</li>
<li>Fixed update of crop rectangle in image editor after ratio change. </li>
</ul>
<p><strong>4.0.2</strong> | 08-12-2016</p>
<ul>
<li>Added attribute <code>data-rotate-button</code> which can be set to “false” to hide the rotate button.</li>
<li>Fixed a bug where <code>data-push</code> mode combined with <code>data-instant-edit</code> would push second image before editing. </li>
<li>Fixed problem where download functionality would use input name and type instead of output.</li>
</ul>
<p><strong>4.0.1</strong> | 23-11-2016</p>
<ul>
<li>Fixed a bug where <code>data-instant-edit</code> mode would remove image on editor cancel when initial image was set.</li>
</ul>
<p><strong>4.0.0</strong> | 21-11-2016</p>
<p>The way input and output file names are now stored is a bit different. Input will always be the name of the input file. Output will contain the name as modified by for instance <code>data-force-type</code>. It’s important to test this when upgrading from an earlier version.</p>
<ul>
<li>Improved input data loading. When posting <code>input</code> data Slim now sends the original file instead of the Base64 version.</li>
<li>Improved sync and async php files, they now save both input and output data when supplied with <code>data-post</code>.</li>
<li>Improved internal image loading logic. Now has more accurate data on image type and size.</li>
<li>Improved usage of memory, Slim now has a smaller memory footprint.</li>
<li>Fixed <code>data-instant-edit</code> where when cancelled the image would still be loaded.</li>
<li>Fixed problem with loading attribute options on IE10</li>
</ul>
<p><strong>3.4.1</strong> | 20-11-2016</p>
<ul>
<li>Fix problem where Firefox 50 would prevent files from being dropped.</li>
</ul>
<p><strong>3.4.0</strong> | 15-11-2016</p>
<ul>
<li>Add <code>data-force-size</code> attribute which allows forcing the output size to a certain width and height.</li>
</ul>
<p><strong>3.3.2</strong> | 07-11-2016</p>
<ul>
<li>Fixes to Angular 2 wrapper to make it work with final version of Angular 2.</li>
<li>Fixes button sizes and padding sizes in image editor.</li>
</ul>
<p><strong>3.3.1</strong> | 27-10-2016</p>
<ul>
<li>Improved React wrapper so works with server rendering.</li>
<li>Improved PHP file documentation.</li>
<li>Fixed data-force-type attribute, it was not setting the force type correctly.</li>
<li>Fixed React Unknown Prop Warning.</li>
<li>Fixed problem where crop output did not conform to minimum size / ratio.</li>
<li>Fixed rotate button title not being set correctly.</li>
<li>Fixed rotate button size which was a little bit small.</li>
</ul>
<p><strong>3.3.0</strong> | 19-10-2016</p>
<ul>
<li>Added meta property to options object so metadata can now be passed on manual init.</li>
<li>Improved metadata attribute. Data set by the attribute is now available on init. </li>
<li>Improved and optimized attribute parsing logic.</li>
</ul>
<p><strong>3.2.0</strong> | 15-10-2016</p>
<ul>
<li>Added meta attribute to quickly add meta data to server request. </li>
<li>Added option to change rotate button title and class name.</li>
</ul>
<p><strong>3.1.1</strong> | 29-09-2016</p>
<ul>
<li>Added willRequest callback method to intercept XMLHttpRequest to make it possible to add custom request headers.</li>
<li>Added example on how to remove image files from the server after the user taps the bin button.</li>
<li>Improved file name security in Slim PHP script.</li>
</ul>
<p><strong>3.1.0</strong> | 23-09-2016</p>
<ul>
<li>Added rotation function. Images can now be rotated 90, 180 or 270 degrees using a button in the popup.</li>
</ul>
<p><strong>3.0.3</strong> | 06-09-2016</p>
<ul>
<li>Fixed a severe bug with the previous update where selecting a new image would no longer work.</li>
<li>Improved Angular 1.x plugin inner workings.</li>
</ul>
<p><strong>3.0.2</strong> | 05-09-2016</p>
<ul>
<li>Fixed problem where Base64 images would not load on Safari because of cross origin related errors.</li>
</ul>
<p><strong>3.0.1</strong> | 21-08-2016</p>
<ul>
<li>Fixed jQuery constructor bug, where creating croppers would only work by passing an options object.</li>
</ul>
<p><strong>3.0.0</strong> | 19-08-2016</p>
<p>This version contains changes to the jQuery API. These are small but incompatible with the previous version of Slim. The <a href="http://slimimagecropper.com/#javascript-api" rel="nofollow">documentation</a> has been updated to clearly illustrate all the changes.</p>
<ul>
<li>Improved jQuery API, now more in line with other jQuery plugins.</li>
<li>Improved parsing of data uris now only tests against initial set of characters.</li>
</ul>
<p><strong>2.3.2</strong> | 12-08-2016</p>
<ul>
<li>Fixed problem where second attempt at cropping image would incorrectly render cropping controls.</li>
</ul>
<p><strong>2.3.1</strong> | 09-08-2016</p>
<ul>
<li>Fixed blocked page controls after closing editor on old iOS versions and old Android browsers. </li>
</ul>
<p><strong>2.3.0</strong> | 06-08-2016</p>
<ul>
<li>Added property to update <code>size</code> output after initialisation.</li>
<li>Added property to update <code>ratio</code> after initialisation.</li>
<li>Fixed bug where Slim would not function on certain Android browsers.</li>
</ul>
<p><strong>2.2.1</strong> | 28-07-2016</p>
<ul>
<li>Added Slim ES6 Module for use with React and Angular 2</li>
<li>Improved React component setup</li>
<li>Improved Angular component setup</li>
<li>Improved Angular 2 component setup</li>
<li>Fixed mimetype array problems caused by spaces</li>
<li>Fixed React module by adding exports</li>
</ul>
<p><strong>2.2.0</strong> | 21-07-2016</p>
<ul>
<li>Added Slim React component</li>
<li>Added Slim Angular directive</li>
<li>Added Slim Angular 2 component</li>
<li>Added <code>data-save-initial-image</code> attribute which when set to <code>true</code> saves initial image data after initialisation. </li>
<li>Added <code>didTransform</code> callback</li>
<li>Added public crop method <code>crop(rect, callback)</code>, this method expects input to adhere to bounds of image and the image ratio.</li>
<li>Added public <code>edit()</code> method to summon the editor manually</li>
<li>Added instant edit mode, set <code>data-instant-edit</code> to true to summon the image editor on file drop</li>
<li>Added <code>data-force-type</code>, set to jpg or png to force the output type.</li>
<li>Added fallback for files without extension, Slim now treats these files as png’s.</li>
<li>Improved handling of server response. If server responds with object and object contains status property, checks if it is “failure” if so, throws “unknown error”. </li>
<li>Fixed Internet Explorer 10 problem where second file upload would no longer work.</li>
<li>Fixed problems with extensions being uppercase</li>
<li>Fixed rendering problems on older iOS browsers</li>
<li>Removed stray log statement in version 2.1.0</li>
<li>Removed minified versions of Commonjs and AMD wrappers as these will probably be minified in a custom build step</li>
</ul>
<p><strong>2.1.0</strong> | 12-07-2016</p>
<ul>
<li>Added <code>didSave</code> method which is called after saving the data</li>
<li>Added <code>.dataBase64</code> property which returns the data in final form (similar to the format in which it is saved / sent to the server)</li>
<li>Added JPEG compression control property <code>data-jpeg-compression</code> for output image</li>
<li>Added basic Slim example setup to package</li>
<li>Improved error testing in server scripts, if an output image is empty, it is no longer saved.</li>
<li>Fixed default JPEG compression being 100% resulting in bigger file upload then necessary. Compression now defaults to browser which is around 90%.</li>
<li>Fixed query string in url causing problems</li>
<li>Fixed non existing file name would cause problems</li>
<li>Fixed bug where Safari would not load the same image twice</li>
<li>Fixed CSS icons not working in uncompressed “slim.css”</li>
<li>Fixed jQuery methods not returning Slim return values</li>
<li>Removed automatic replacing on preview image by uploaded server version</li>
</ul>
<p><strong>2.0.0</strong> | 07-07-2016</p>
<p>This version contains changes to callback names and callback scope, if you update from a previous versions you’ll have to rename the callback methods (exact changes are outlined below).</p>
<ul>
<li>Changes between Slim versions are now added to package and can be found in the file “changes.html”</li>
<li>Streamlined callback methods, switched to did / will syntax. <code>this</code> in a callback now refers to Slim instance it belongs to. <ul>
<li><code>onInit(slim)</code> has been changed to <code>didInit(data)</code></li>
<li><code>onComplete(error, response)</code> has been changed to <code>didUpload(error, data, response)</code></li>
<li><code>onRemove(slim, data)</code> has been changed to <code>didRemove(data)</code></li>
<li><code>onBeforeRemove(slim, remove)</code> has been changed to <code>willRemove(data, remove)</code></li>
<li><code>onTransform(data, ready)</code> has been changed to <code>willTransform(data, ready)</code></li>
<li><code>onSave(data, ready)</code> has been changed to <code>willSave(data, ready)</code></li>
</ul>
</li>
<li>Fixed download button not working on Firefox</li>
<li>Fixed download button not working on Internet Explorer</li>
<li>Fixed status messages not being removed after click on file input</li>
<li>Fixed use of “image/*” accept attribute not correctly passing types to dropper</li>
<li>Fixed invalid file message not showing on Windows and Linux when uploading files with file upload dialog</li>
<li>Fixed showing previously loaded image when uploading image with same name</li>
<li>Added status message when image is loaded that is smaller then data min size</li>
<li>Added didLoad method to allow custom validation of user input</li>
<li>Added element getter, <code>.element</code> now returns root element of Slim cropper. Combined with the fixed callback scope you can now use jQuery <code>$(this.element)</code> within a callback to refer to the root of the cropper.</li>
<li>Added recursive mode to <code>mkdir</code> in “Slim.php” method so <code>saveFile</code> can now also create sub directories like <code>foo/bar/</code> instead of only <code>foo/</code></li>
<li>Improved output, now only updates field value when user makes changes, unless is single image cropper</li>
<li>Improved save callback, now only get’s called when user makes changes, unless is single image cropper</li>
<li>Updated docs</li>
</ul>
<p><strong>1.1.1</strong> | 27-06-2016</p>
<ul>
<li>Fixed bug where free ratio cropper area did not scale properly.</li>
<li>Added <code>onBeforeRemoval</code> callback so you can optionally ask if the user is sure of a image removal.</li>
</ul>
<p><strong>1.1.0</strong> | 23-06-2016</p>
<ul>
<li>Added <code>data-on-complete</code> callback</li>
<li>Added option to set initial crop coordinates using <code>data-crop</code> or by passing crop options to JavaScript <code>load</code> method</li>
<li>Added property to retrieve a clone of the current crop data <code>.data</code></li>
<li>Added feature where Slim cleans data sent to server but leaves <code>meta</code> property alone for custom values.</li>
<li>Added flag to data object to indicate crop type (‘auto’, ‘manual’ or ‘initial’ based on type of crop).</li>
<li>Improved async uploading functionality. The server response (including the file name and path) is now stored in a hidden field to unlock this data when submitting the form </li>
<li>Improved load method, it now returns resulting data object in callback</li>
<li>Improved performance when Slim is not attached to the DOM</li>
<li>Fixed bug where on iOS8 the popover would keep blocking the view after it closed</li>
<li>Fixed problem when removing file by clicking on Slim, same file could not be loaded twice</li>
<li>Removed “invalid response” status, as any server response is now acceptable for storage in hidden input.</li>
</ul>
<p><strong>1.0.7</strong> | 16-06-2016</p>
<ul>
<li>Fixed problem where hidden input was not emptied after remove button press</li>
<li>Fixed problem where certain crop results would be transparent on Safari / iOS </li>
<li>Remove function now returns data object immediately when calling via API</li>
<li>When setting an initial image, the init method will now be called after the image has loaded</li>
<li>The init method is now always called after the Slim instance has been created</li>
<li>Fixed problem where Safari would not restore input of type “file” properly</li>
</ul>
<p><strong>1.0.6</strong> | 15-06-2016</p>
<ul>
<li>Fixed data object not being passed to remove callback</li>
<li>Fixed destroy method not cleaning up properly</li>
</ul>
<p><strong>1.0.5</strong> | 14-06-2016</p>
<ul>
<li>Source files are now contained in the package as well</li>
<li>Minified files are now a little bit more compact</li>
<li>Fixed problems with editing a single image</li>
<li>Fixed problem where push option would not push after adding a new image</li>
<li>Fixed problem where push option would not push initial image</li>
<li>Fixed problem where editing a single image would show remove button</li>
<li>Renamed the “reset” end point to “remove”</li>
</ul>
<p><strong>1.0.4</strong> | 10-06-2016</p>
<ul>
<li>Fixed push option directly uploading on page load</li>
<li>Now accepts cross origin urls. Make sure cross origin requests are configured correctly on the remote server.</li>
<li>Now has the ability to load Data URI sources. File name will be set to “unknown”</li>
</ul>
<p><strong>1.0.3</strong> | 07-06-2016</p>
<ul>
<li>Add option to preload server image</li>
<li>Fixed bug where second file would not be allowed to drop on Firefox </li>
<li>Fixed bug where blurring in image editor was incorrect when loading a new image</li>
<li>Fixed bug where data size would not resize bigger portrait images properly</li>
<li>Added onRemove proeprty so it’s possible to handle removal of images</li>
<li>Added onInit property so it’s possible to detect when Slim has initialised</li>
<li>Slim.create now returns the created Slim instance</li>
<li>Slim.parse now returns an array of created Slim instances</li>
</ul>
<p><strong>1.0.2</strong> | 03-06-2016</p>
<ul>
<li>Fixed problem where image editor button captions would not change to set labels</li>
</ul>
<p><strong>1.0.1</strong> | 02-06-2016</p>
<ul>
<li>Fixed problem where image was uploaded as PNG instead of JPEG</li>
<li>Added functionality which corrects JPEGs uploaded as PNGs (which sometimes happens on older browsers). Slim now makes sure the extension matches the image format.</li>
<li>Improved performance of image editor</li>
<li>Fixed window resizing render problems in image editor</li>
<li>Plus various small code optimisations</li>
</ul>
<p><strong>1.0.0</strong> | 26-05-2016 </p>
<ul>
<li>Initial release</li>
</ul>pqina