Results 1 to 3 of 3

Thread: disable title on hover in thumbnail

  1. #1
    Join Date
    Sep 2010
    Posts
    9
    Thanks
    6
    Thanked 0 Times in 0 Posts

    Default disable title on hover in thumbnail

    1) Script Title: Image Thumbnail Viewer II

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...thumbnail2.htm

    3) Describe problem: I have a script of thumbnail to enlarge gallery and when I'm hovering over the thumbnail all the title attribute contents appear, and I would like to cancel that.


    Code:
    <a href="images\M_1.png" rel="enlargeimage" rev="targetdiv:loadarea ,trigger:click,enabletitle:no"  title="somthing<br><h2> and more</h2><h3>why not "><img src="images\tmb_M_1.jpg" rel="shadowbox=no"  width="65" height="43" border="1"/></th>
                            <th width="99" align="left" valign="top" scope="col">
    Last edited by jscheuer1; 10-03-2010 at 09:29 AM. Reason: fix wrong script title, fix broken link, format code, change highlight to legible color

  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

    The enabletitle property is only as regards whether or not the title attribute is used as a description beneath the larger image. I'm assuming you want that. In which case you should set it to yes or just omit it.

    There's no closing </a> tag in the example code in your post and no closing </h3> tag in its title attribute. These will cause problems in some browsers.

    To stop the title from appearing as a tooltip onmouseover of the trigger, set another title, or an empty title on the thumbnail image (additions/changes highlighted):

    Code:
    <a href="images\M_1.png" rel="enlargeimage" rev="targetdiv:loadarea,trigger:click,enabletitle:yes" 
    title="somthing<br><h2> and more</h2><h3>why not</h3>"><img src="images\tmb_M_1.jpg" rel="shadowbox=no" 
    title="something I want the user to see on hover" width="65" height="43" border="1"/></a>
    Or:

    Code:
    <a href="images\M_1.png" rel="enlargeimage" rev="targetdiv:loadarea,trigger:click" 
    title="somthing<br><h2> and more</h2><h3>why not</h3>"><img src="images\tmb_M_1.jpg" rel="shadowbox=no" 
    title="" width="65" height="43" border="1"/></a>
    Last edited by jscheuer1; 10-03-2010 at 12:17 PM. Reason: add bit about </h3>, later - punctuation
    - John
    ________________________

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

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

    arnaudpopi (10-03-2010)

  4. #3
    Join Date
    Sep 2010
    Posts
    9
    Thanks
    6
    Thanked 0 Times in 0 Posts

    Default

    hi john
    thank you
    you are very helpful now everything is working properly.

    by the way i`m more into flash than html or css or js though i have to say i have learned a lot from this project and your answers

    if u want u can visit my flash web site-- its not in english

    i`m a baker, give my your feedback if u want


    www.shocolin.com

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
  •