Archive

Posts Tagged ‘caption’

Figures & captions

December 30th, 2009

Scale model of the Eiffel tower in Parc Mini-France
HTML doesn’t have an element that allows to insert a figure with a caption. It was once proposed (see HTML3), but never made it into HTML4. Here is one way to simulate such a figure element:
<div>
<p><img src=”eiffel.jpg” width=”136″
height=”200″ alt=”Eiffel tower”>
[...]

Read More >>

Author: admin Categories: CSS Tags: ,


Simple JQuery Image Slide Show with Semi-Transparent Caption

September 8th, 2009

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 website [...]

Read More >>



Create a Thumbnail Gallery with Slick Heading and Caption Effect with jQuery

September 2nd, 2009

Introduction
This is a simple jQuery tutorial, but can be extremely useful in frontend design. It’s an elegant way to put more content in your website, but only display it when the user wants to see it. It keeps your website clean, but in the same time does not compromise your website content.

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 more.

Read More >>



Sliding Boxes and Captions with jQuery

August 27th, 2009

The Basic Idea
All of these sliding box animations work on the same basic idea. There is a div tag (.boxgrid in my css) that essentially acts as a window where two other items of your choosing “peek” through.

Read More >>