Drag and save image like facebook cover

How to add a cover image like facebook or adjust the position of image?

In this tutorial, I am explaining how to add a cover image to a web page like on facebook. Here I am using Laravel framework to create a page where I can upload and adjust the image position like the Facebook cover image. DEMO HTML CSS Jquery PHP HTML Create a div with id=”bgimage”. Inside Read more about How to add a cover image like facebook or adjust the position of image?[…]

Delete button

How to create a delete button on the image

This post will explain how to add a delete button on the image. This will help you to delete the image as soon as it’s pressed, but here I explain only the CSS and HTML how to add the delete button above the image and not to delete the image. You can add Jquery to Read more about How to create a delete button on the image[…]

jQuery

Preview image before uploading to server

Here this article explains how to preview an image before uploading on thr server side in jQuery Using HTML 5 FileReader() we can able to preview the image before uploading it in jQuery. View DEMO With jQuery Without jQuery With jQuery Step 1 HTML Markup Lets set up the environment to upload image and preview Read more about Preview image before uploading to server[…]