Results 1 to 7 of 7

Thread: Image Thumbnail Viewer II - title attribute

  1. #1
    Join Date
    Feb 2009
    Posts
    17
    Thanks
    3
    Thanked 0 Times in 0 Posts

    Default Image Thumbnail Viewer II - title attribute

    Hi,

    I've been using the thumbnail viewer for a site and saw this post to remove the tooltips. It is working fine with Firefox but there is an issue with Safari.

    When it is viewed in Safari the title tage that appears in the 'loadarea' is no longer there.

    Is there something i need to add to the js code to fix this for Safari?

    Thanks

    Last edited by jscheuer1; 02-12-2009 at 05:12 AM. Reason: Moved From Thread

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    In future, please post new questions in a new thread like here where I've moved this, and:

    Warning: Please include a link to the DD script in question in your post. See this thread for the proper posting format when asking a question.


    Anyways, the script you are talking about has been updated since that old thread I moved your post from. And there is an easier/better way to remove tooltip type titles from the hover of links - if you have thumbnail images. Just give the image tag a blank title:

    Code:
    <a href="bulb.gif" rel="enlargeimage::mouseover" 
    rev="loadarea" title="my caption"><img src="bulb_tbn.gif" title="" alt=""></a>
    If you want more help:

    Please post a link to the page on your site that contains the problematic code so we can check it out.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. #3
    Join Date
    Feb 2009
    Posts
    17
    Thanks
    3
    Thanked 0 Times in 0 Posts

    Default

    Sorry about posting wrong. My first time on a forum.

    I wish to keep the title tag there as I need to description to appear in the 'loadarea' below the image.

    This is a link to the site i'm using the code on. The hiding tooltip is working great in Firefox but the browser Safari seems to not show the description under the image anymore.

    http://sallycampbell.com.au/shopping/quilts.html

    Thanks again for helping me with this.

  4. #4
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    Quote Originally Posted by me
    Code:
    <a href="bulb.gif" rel="enlargeimage::mouseover" 
    rev="loadarea" title="my caption"><img src="bulb_tbn.gif" title="" alt=""></a>
    Take a look again at what I posted and have just quoted above with additional highlighting. This part:

    title="my caption"

    will be the caption in the loadarea. This part:

    title=""

    will prevent a tooltip when hovering the trigger.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  5. The Following 2 Users Say Thank You to jscheuer1 For This Useful Post:

    dipper85 (02-16-2009),thegreatergood (02-14-2009)

  6. #5
    Join Date
    Feb 2009
    Posts
    5
    Thanks
    3
    Thanked 0 Times in 0 Posts

    Default No Image Fix

    I understand how that would work great with images, but what about if you just have some text linking to an image?

    Such as http://studentpages.scad.edu/~gmihal20/gallerytext.html

    Did this in the js file:
    var imageHTML='<img src="'+imagepath+'" style="padding-top: .25em;" /><div id="description">Hello</div>' //Construct HTML for enlarged image
    Which worked in Firefox, but not in Safari.

    Also, I tried changing the get "title" function to get "alt". Which again worked in Firefox (hid the tooltip and displayed the alt text as the description) but did not work in Safari.

    Any suggestions? Is there any way to add a div tag to the linked image like the other image viewer, (I got those to work on my page as well, Click on "Water" and "Road") I enjoy that structure like the preloader, and the specific description div, and I would like to implement that but I need the images to load in a specific place on the page, and I want to control where that is in relation to my wrapper div. Also, I'm going for functionality that is cross-browser friendly. I have a CSS built gallery right now (http://gregmdesign.com), but again, Firefox is fine but all of the others do not display it correctly.

    Any suggestions?

  7. #6
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    Code:
    <a href="bulb.gif" rel="enlargeimage::mouseover" 
    rev="loadarea" title="my caption"><span title="">Bulb</span></a>
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  8. The Following User Says Thank You to jscheuer1 For This Useful Post:

    thegreatergood (02-15-2009)

  9. #7
    Join Date
    Feb 2009
    Posts
    5
    Thanks
    3
    Thanked 0 Times in 0 Posts

    Default Worked.

    Thanks.
    Last edited by jscheuer1; 02-15-2009 at 05:05 AM. Reason: duplicated new thread by same author

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
  •