Ojambo

Ojambo – JavaScript Flip Images Video 0074

Written by

Edward

in

,
On 1 min, 10 sec read

A Video for the Ojambo.com JavaScript Flip Images article.
Part One of One

A flip effect is created by changing the image displayed in a specific page area. Image names will be stored in an array to simplify the JavaScript code. The onload method can be applied to the body HTML tag to start the flip effect when the page is loaded.

The video begins by creating multiple images in Inkscape. Gimp is used to edit the bitmap images into web-friendly smaller file sizes.

The tutorial is broken up into five parts. The first part creates bitmap images using the JessyInk plugin for Inkscape. The second part finds the optimal file size without affecting the image quality using the Save for Web plugin for Gimp.

The third part creates a new Geany project. The four part creates a new HTML file using the HTML5 templates. The fifth part adds JavaScript code for flipping images to the HTML file. The final part consists of viewing the output in a web browser.

🚀 Recommended Resources

Disclosure: Some of the links above are referral links. I may earn a commission if you make a purchase at no extra cost to you.

About Edward

Edward is a software engineer, author, and designer dedicated to providing the actionable blueprints and real-world tools needed to navigate a shifting economic landscape.

With a provocative focus on the evolution of technology—boldly declaring that “programming is dead”—Edward’s latest work, The Recession Business Blueprint, serves as a strategic guide for modern entrepreneurship. His bibliography also includes Mastering Blender Python API and The Algorithmic Serpent.

Beyond the page, Edward produces open-source tool review videos and provides practical resources for the “build it yourself” movement.

📚 Explore His Books – Visit the Book Shop to grab your copies today.

💼 Need Support? – Learn more about Services and the ways to benefit from his expertise.

🔨 Build it Yourself – Download Free Plans for Backyard Structures, Small Living, and Woodworking.

View all posts | Website

More posts