W3 Updates, HTML, XHTML, CSS, JavaScript, AJAX, XML, PHP, Ruby, PHP Frameworks

Archive

Posts Tagged ‘image’

Get the First Image from the Post Automatically and Display it

November 3rd, 2009

Most WordPress users including me are using custom fields to display thumbs on their blog homepage but i recently stumbled across a simple php function that allows you to grab the first image from the post automatically, and display it on your home page without the need to add any custom field to the post.

Read More >>

Simple JQuery Image Slide Show with Semi-Transparent Caption

September 8th, 2009
Flowing Rock

Introduction Image Slide Show is one of the famous components in web design and development. A lot of the websites display news headlines in an image slide show to attract viewers attention, of course, with caption/excerpt. No doubt about it, this is a clever method not only to gain attentions, but it also makes the [...]

Read More >>

jQuery Thumbnail with Zooming Image and Fading Caption

September 2nd, 2009

Introduction : I came across quite a lot of CSS gallery websites that using huge thumbnail to showcase beautiful websites. Some of them are just ordinary thumbnail, but a lot of them have javascript animated caption to convey more information to viewers. In this tutorial, we will learn how to make ordinary thumbnail to something [...]

Read More >>

Main Image Position On Mouse Click

August 26th, 2009

Using this thoroughly explained, detailed flash lesson, you will see how to place any image to be the main using the action script code and mouse cursor. You have a five images in example…when you click on any image, it will become the main image! Using this lesson, you will also learn how to import [...]

Read More >>

Image Moving Left:Right Using Mouse Cursor with ActionScript

August 26th, 2009

In this thoroughly explained, detailed lesson, I will show you how to move any image on left or right side using the mouse cursor. To make this lesson, you have to use Action Script Code. Using this lesson, you will also learn how to import any image into a flash stage, how to convert it [...]

Read More >>

Active Image Presentation Using Mouse with Flash

August 26th, 2009

This, step by step, detailed action script lesson, will show you how to create trendy image presentation using the mouse and action script code. You can use this presentation for any flash banner, for some flash animation… Using this lesson, you will also learn how to convert any image into a Movie Clip Symbol, how [...]

Read More >>

Circular Rotation with Flash for All Browser,Chrome,Safari,Internet Explorer,Firefox

August 24th, 2009

Learn how to rotate an object with actionscript 3 and some mathematics with trigonometric functions. Here we are going to build the rotation of the moon around the earth. 1. Create a new flash file (Actionscript 3.0) and save it as circular-rotation.fla. 2. Import an image of the earth and one of the moon on [...]

Read More >>

Detect Collision between Two Object with Flash

August 24th, 2009

Few lines of code that cover the technique on how you can detect collision between two objects with actionscript 3. 1. First watch the demo to see what we are going to create. Create a new flash file (Actionscript 3.0) and save it as detect_collision.fla. 2. On the stage create 2 movie clips, one for [...]

Read More >>

Mist Effect in Flash

August 23rd, 2009

Learn how simply you can create a mist effect to apply to a photography. 1. Create a new flash file (Actionscript 3.0) and save it as mist.fla. 2. Rename ‘layer 1′ to ‘photo’. Import a photography that could be credible when adding mist. Set the stage’s dimensions the same as the photography. 3. Create a [...]

Read More >>

CSS and Jquery – Creating an Image Slider for All Browser

August 23rd, 2009

The basic image sliding effect : The HTML : First of all we will do the HTML. We will start with a holder div to hold everything (images, price and title). This means it can be floated to the left or right so we could have three or four in a row. Inside the main [...]

Read More >>