image | SourceCodester

JavaScipt - Simple Image Transparency

Submitted by razormist on Thu, 01/17/2019 - 21:08

Learn on how to create a Simple Image Transparency using JavaScript. This simple tool can make your image filter to transparency. This code uses canvas function for modifying image property to turn it into grayscale color.

Javascript - Display Random Images On Load

Submitted by razormist on Fri, 08/10/2018 - 16:48

Learn on how to create a Display Random Images On Load using Javascript. A simple javascript script that let you display a random images. This could be use if you have more images to display with.

PHP - Simple Image Upload

Submitted by razormist on Wed, 05/23/2018 - 19:37

Learn on how to create a Simple Image Upload using PHP. PHP is a server-side scripting language designed primarily for web development. It is a lean and consistent way to access databases. This means developers can write portable code much easier. It is mostly used by a newly coders for its user friendly environment.

Read more about PHP - Simple Image Upload
Add new comment
520 views

How to Get the Height and Width of Uploaded Image using PHP

Submitted by nurhodelta_17 on Tue, 04/10/2018 - 13:22

In this tutorial, you will learn on how to get the size or the height and width of uploaded image using PHP with getimagesize() function. For instance that we wanted to have a server-side validation on upload image before uploading it, getimagesize() function will surely help you out.

Python - Simple Image Viewer

Submitted by razormist on Tue, 03/20/2018 - 22:39

Learn on how to create a Simple Image Viewer using Python. Python is a widely used advance-level programming language for a general technique to the developer. Beginners find Python a clean syntax and indentation structure based, and it is easy to learn because of its less semi colon problem.

Read more about Python - Simple Image Viewer
Add new comment
1230 views

Create an Image Modal using jQuery

Submitted by nurhodelta_17 on Tue, 01/23/2018 - 21:49

This tutorial tackles on how to create an image modal using jQuery. jQuery is a javascript library that makes working with javascript much easier. We will be using a smaller image as the link to show our image modal. Putting the image in modal maximize its size.

Angular JS Create an Image Modal using CSS

Submitted by nurhodelta_17 on Tue, 01/23/2018 - 12:22

This tutorial tackles on how to create an image modal using Angular JS with the help of CSS to handle the design and animation in this tutorial. Image modal is commonly used to maximize an image to further understand its details. Angular JS is a javascript framework maintained by Google and is capable of creating Single-Page Applications.

Create an Image Modal using CSS and Javascript

Submitted by nurhodelta_17 on Mon, 01/22/2018 - 17:05

This tutorial tackles on how to create a modal for images using javascript. This is useful if ever the user wants to view a larger version of an image. We will make the smaller image displayed as the link to our Image Modal.

File Hider Behind Image

Submitted by sba stuff on Wed, 05/17/2017 - 16:39

This software, as it states, hide file behind images. This technique was used recently many times and in command line format. It is impossible for users to remember commands. So GUI format is provided. This software also allows you answer: How to hide files behind images. Only Source code is provided. You must compile it in visual studio to get binaries. Don't mind I am just following

How to Create Sliding Text on Images with Bootstrap Templates

Submitted by alpha_luna on Mon, 09/26/2016 - 12:02

Sliding Text on Images with Bootstrap Templates

In this tutorial, we are going to learn on How To Create Sliding Text On Images. In this source code, we are going to display the text on its corresponding image with a background color after we hover the image. In the example source code below, by using CSS and jQuery to appear the text effect on our images. Using jQuery slideToggle() we produce effect after we hover into the image. You can try the Live Demo of this tutorial.