View Full Version : Image Thumbnail Viewer - stylin' the 'Loading' text and possible title tag text...

04-02-2007, 02:17 AM
1) Script Title:
Image Thumbnail Viewer

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex4/thumbnail.htm

3) Describe problem:
Hi all!

Ive downloaded the script and added it to my site.. however I am definately not a fan of the "Times New Roman" font in the 'Loading' graphic at all and keen to change it.

Also, you can specify a description within the 'title' tag of the image you are opening. What's the easiest way to specify the font/style attributes for the 'title' which appears under the image?

Many thanks in advance

Mrs Spence :o)

04-03-2007, 08:38 AM
Try inserting this in the thumbnailviewer.css. Change your font and size to suit.

I have not tested on the loading but the rest works ok on the thumbnail window. I am not the best coder so there may be duplicate statements.

Hope it helps


#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 1px;
padding-bottom: 0;
background: #0066ff;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
font: 10pt Arial;

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: normal 13px Arial;
letter-spacing: 0px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: center;
font: 10pt Arial;

#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
text-align: center;
font: 10pt Arial;

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
font: 10pt Arial;

04-03-2007, 12:03 PM
Thank you... yes, so simple when I look at it now, really!

Thanks again :)