Page 1 of 2 12 LastLast
Results 1 to 10 of 12

Thread: Popup Image Viewer - how to adjust the size of pop up image?

  1. #1
    Join Date
    Apr 2008
    Posts
    8
    Thanks
    4
    Thanked 0 Times in 0 Posts

    Default Popup Image Viewer - how to adjust the size of pop up image?

    1) Script Title: Image size in Popup Image Viewer

    2) Script URL (on DD): http://www.dynamicdrive.com/style/cs...-image-viewer/

    3) Describe problem: How can I adjust two things:

    • the color and font of the text (over which the mouse hovers) and
    • The size of the image that pops up??

    Thank you

  2. #2
    Join Date
    Jan 2008
    Posts
    4,167
    Thanks
    28
    Thanked 628 Times in 624 Posts
    Blog Entries
    1

    Default

    Alright, to change the font:
    Change:
    Code:
    .thumbnail{
    position: relative;
    z-index: 0;
    }
    To:
    Code:
    .thumbnail{
    position: relative;
    z-index: 0;
    font-family: Tempus Sans ITC; //Your font
    }
    For the second, I think that it does that automatically, but can we please see your code? Better yet, a link to the page?
    Jeremy | jfein.net

  3. The Following User Says Thank You to Nile For This Useful Post:

    dasadler (04-15-2008)

  4. #3
    Join Date
    Apr 2008
    Posts
    8
    Thanks
    4
    Thanked 0 Times in 0 Posts

    Default

    Thanks, I am still playing with the code. The original page is

    http://www.dynamicdrive.com/style/cs...-image-viewer/

    and I am trying to help a friend with this page:

    http://ai-dev.freehostia.com/cc/menuideas.html
    Last edited by dasadler; 04-15-2008 at 02:17 AM.

  5. #4
    Join Date
    Jan 2008
    Posts
    4,167
    Thanks
    28
    Thanked 628 Times in 624 Posts
    Blog Entries
    1

    Default

    Well, its looks good for me, except the image should be smaller, is that what you wanna change?
    Jeremy | jfein.net

  6. The Following User Says Thank You to Nile For This Useful Post:

    dasadler (04-15-2008)

  7. #5
    Join Date
    Apr 2008
    Posts
    8
    Thanks
    4
    Thanked 0 Times in 0 Posts

    Default

    Yes, i would like to make the image smaller and change the color of the word from blue to the deep red (#990000) like the rest of the text.

  8. #6
    Join Date
    Apr 2008
    Posts
    8
    Thanks
    4
    Thanked 0 Times in 0 Posts

    Default

    Do I need to adjust the size first or can I define the size in the style statement?

  9. #7
    Join Date
    Jan 2008
    Posts
    4,167
    Thanks
    28
    Thanked 628 Times in 624 Posts
    Blog Entries
    1

    Default

    From what I can tell, all you need to do is adjust the size in the style like you said.
    Jeremy | jfein.net

  10. The Following User Says Thank You to Nile For This Useful Post:

    dasadler (04-15-2008)

  11. #8
    Join Date
    Apr 2008
    Posts
    8
    Thanks
    4
    Thanked 0 Times in 0 Posts

    Default

    Wish I knew how to do that... I understand the concept - just not which code to use. I was hoping you might have an example or tell me where i might find it. I am certainly willing to experiment.

    Specifically, however, I don't know if whatever sizing code I insert would be in the CSS or HTML section... also, to which element should I apply the resizing?

  12. #9
    Join Date
    Apr 2008
    Posts
    8
    Thanks
    4
    Thanked 0 Times in 0 Posts

    Default

    Never mind. I think I am getting close through trial and error.

  13. #10
    Join Date
    Jan 2008
    Posts
    4,167
    Thanks
    28
    Thanked 628 Times in 624 Posts
    Blog Entries
    1

    Default

    Alright, glad to help you.
    Jeremy | jfein.net

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
  •