Javascript

Javascript / Jquery

Image crop using cropper js

A. Single Photo <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet"> <script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script> <link href="https://cdnjs.cloudflare.com/ajax/libs/cropperjs/1.5.12/cropper.min.css" rel="stylesheet"> <script src="https://cdnjs.cloudflare.com/ajax/libs/cropperjs/1.5.12/cropper.min.js"></script> <div class="container"> <div class="item up-load"> <input type="file" id="product_thumbnail" name="product_thumbnail" required> <input type="hidden" name="cropped_thumbnail" id="cropped_thumbnail"> </div> <div class="upload-image…

0 Comments
February 28, 2025
Read more about the article Instagram Reels-like Video Uploader / video cropper
Javascript

Instagram Reels-like Video Uploader / video cropper

  <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Instagram Reels-like Video Uploader</title> <style> /* Container for the video preview */ .video-container { position: relative; width: 100%;…

0 Comments
February 5, 2025
Read more about the article setTimeInterval() in javascript
Javascript

setTimeInterval() in javascript

In JavaScript, a block of code can be executed in specified time intervals. These time intervals are called timing events. There are two methods for executing code at specific intervals.…

0 Comments
September 30, 2023