Results 1 to 3 of 3

Thread: Image Thumbnail Viewer - stylin' the 'Loading' text and possible title tag text...

  1. #1
    Join Date
    Apr 2007
    Posts
    10
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Image Thumbnail Viewer - stylin' the 'Loading' text and possible title tag text...

    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 )

  2. #2
    Join Date
    Mar 2007
    Posts
    20
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    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

    Bernie

    Code:
    #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;
    font-family: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;
    font-family:Arial;}
    
    
    #thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
    background-color: white;
    text-align: center;
    font: 10pt Arial;
    font-family: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;
    font-family:Arial;}

  3. #3
    Join Date
    Apr 2007
    Posts
    10
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Thank you... yes, so simple when I look at it now, really!

    Thanks again

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •