Image of

Demo of PopEye jQuery approach to displaying multiple images in small or larger sizes with descriptive text within the tight confines of a tech article. Small preview square can be integrated into a body of text (not actuated in this demo) so that text wraps around preview image. Mousing over image will drop down a descriptive box plus cause a semi transparent navigation bar image to appear in the center of the image. Body text will adjust to wrap around preview or enlarged image display box. Clicking right or left arrows will cycle images with descriptive text. Clicking on "Full Screen" icon in center of naviation bar will toggle larger image to display and back again to preview size. Moving cursor off preview or larger image image will cause descriptive text window to close.