stunicholls.com

...exploring the possibilities

jQuery 'more information' in a lightbox

16th November 2008

This script will allow you to show more information by clicking a piece of text such as this one - John Constable. The information can be anything you like, from plain text to images and even links to other pages. Further examples of 'more' information can be see by clicking this text - Claude Monet, and also this text - Vincent Van Gogh.

Copyright ©2008 stu nicholls - stunicholls.com

Information

After producing the demo to show larger images with descriptions in the form of a lightbox, I thought it might be useful to have the 'lightbox' show any information we wanted without being limited to an image with descriptions.

So this one uses a piece of text to link to a div containing the information we want to display in the lightbox. Because we are using divs to hold the further information we can place anything we like in the box, text, images, tables, and even further links.

There is a simple error trap that will check that the further information div exists before call in the routine.

All it takes is a span holding the link text which has the class name "more" and a unique title. This title is then used to locate a div with the same class name and the jQuery routine displays this div information in a 'lightbox'.

In all browsers except IE the 'lightbox' will stay fixed in position as the page scrolls underneath.

Tested in IE6, IE7, Firefox, Opera, Safari (PC) and Google Chrome.

You will need a copy of jQuery to be able to use this demonstration.

If you would like a copy of this demo then please email me and make a donation to support stunicholls.com, every little helps to keep this site up and running.


John Constable

(11 June 1776 - 31 March 1837)

Although he showed an early talent for art and began painting his native Suffolk scenery before he left school, his great originality matured slowly.

The Hay Wain

He committed himself to a career as an artist only in 1799, when he joined the Royal Academy Schools and it was not until 1829 that he was grudgingly made a full Academician, elected by a majority of only one vote.

In 1816 he became financially secure on the death of his father and married Maria Bicknell after a seven-year courtship and in the fact of strong opposition from her family. During the 1820s he began to win recognition: The Hay Wain (National Gallery, London, 1821) won a gold medal at the Paris Salon of 1824 and Constable was admired by Delacroix and Bonington among others.

His wife died in 1828, however, and the remaining years of his life were clouded by despondency.

This text is an excerpt from The WebMuseum, Paris

Claude Monet

(14 November 1840 - 5 December 1926)

His youth was spent in Le Havre, where he first excelled as a caricaturist but was then converted to landscape painting by his early mentor Boudin, from whom he derived his firm predilection for painting out of doors.

Women in the Garden

In 1859 he studied in Paris at the Atelier Suisse and formed a friendship with Pissarro. After two years' military service in Algiers, he returned to Le Havre and met Jongkind, to whom he said he owed `the definitive education of my eye'.

He then, in 1862, entered the studio of Gleyre in Paris and there met Renoir, Sisley, and Bazille, with whom he was to form the nucleus of the Impressionist group.

Monet's devotion to painting out of doors is illustrated by the famous story concerning one of his most ambitious early works, Women in the Garden (Musée d'Orsay, Paris; 1866-67). The picture is about 2.5 meters high and to enable him to paint all of it outside he had a trench dug in the garden so that the canvas could be raised or lowered by pulleys to the height he required.

Courbet visited him when he was working on it and said Monet would not paint even the leaves in the background unless the lighting conditions were exactly right.

This text is an excerpt from The WebMuseum, Paris

Vincent Van Gogh

(30 March 1853 - 29 July 1890)

Gogh, Vincent (Willem) van (b. March 30, 1853, Zundert, Neth.--d. July 29, 1890, Auvers-sur-Oise, near Paris), generally considered the greatest Dutch painter and draughtsman after Rembrandt.

The Starry Night

With Cézanne and Gauguin the greatest of Post-Impressionist artists. He powerfully influenced the current of Expressionism in modern art. His work, all of it produced during a period of only 10 years, hauntingly conveys through its striking colour, coarse brushwork, and contoured forms the anguish of a mental illness that eventually resulted in suicide. Among his masterpieces are numerous self-portraits and the well-known The Starry Night (1889).

This text is an excerpt from The WebMuseum, Paris