The latest articles on DEV Community by Evgeny (@tomasci). https://dev.to/tomasci https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F311063%2F9057aedd-6016-429b-aad2-425042c9f1bc.jpeg https://dev.to/tomasci en Evgeny Wed, 01 Jul 2020 13:59:34 +0000 https://dev.to/tomasci/oiii-js-images-and-videos-viewer-for-your-site-36nh https://dev.to/tomasci/oiii-js-images-and-videos-viewer-for-your-site-36nh <p>Oiii! JS is a small and lightweight library that allows you in semi-automatic mode to add a beautiful modal window for viewing images and YouTube videos in just 1 minute.</p> <p>And as it is alternative to LightBox (created by Lokesh Dhakar) and as I say small and lightweight (15 times!), it is use 0 dependencies (no jQuery) and support all latest modern browsers.</p> <h2> Current features: </h2> <ul> <li>open images</li> <li>open videos</li> <li>support <code>thumb</code>, <code>preview</code> and <code>original</code> links to images</li> <li>allows you to open video at youtube and image as <code>original</code> in new tab</li> </ul> <h2> Small demo in gif: </h2> <p>more demos at project page<br> <a href="https://res.cloudinary.com/practicaldev/image/fetch/s--n1Z5v0wV--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/i/nu865xst05a8qptrrzp1.gif" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--n1Z5v0wV--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/i/nu865xst05a8qptrrzp1.gif" alt="Preview" width="800" height="693"></a></p> <h2> How I can use it? </h2> <p>All instructions available at:</p> <ul> <li><a href="https://github.com/tomasci/oiiijs">GitHub project page</a></li> <li><a href="https://www.npmjs.com/package/oiiijs">NPM JS project page</a></li> </ul> <p>Also library can be used without building, just through jsDelivr.</p> <h2> Updates and features </h2> <p>Updates coming as I have time.<br> Anyone can request new feature using PR at GitHub (but I will think about it).<br> Roadmap with feature updates here:</p> <ul> <li><a href="https://github.com/tomasci/oiiijs/projects/1">Oiii! JS Roadmap</a></li> </ul> <p>Thank you for reading this! I hope it will useful library for you.</p> javascript opensource github npm