Results 1 to 5 of 5

Thread: Image w/ description tooltip v2.0

  1. #1
    Join Date
    Aug 2011
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Image w/ description tooltip v2.0

    I have set-up the text link but when I mouseover the link all I get is a small white box. I entered code with text and box formatting and when mouseover the link the text and appears in the box but no image. Can anyone help??

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    29,133
    Thanks
    44
    Thanked 3,229 Times in 3,190 Posts
    Blog Entries
    12

    Default

    Please post about Dynamic Drive Scripts in the Dynamic Drive Scripts Help section here where I've moved this thread, and:

    Warning: Please include a link to the DD script(s) in question in your post. See this post for more information.


    Please post a link to a 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
    Aug 2011
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Here is the ToolTip page with the instructions I followed: http://www.dynamicdrive.com/dynamici...getooltip.htm#

    Here is the page I am trying to incorporate the text to image flyout: http://sequoiaorchids.com/orchidgallery.htm#top

    Thank you in advance.

  4. #4
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    29,133
    Thanks
    44
    Thanked 3,229 Times in 3,190 Posts
    Blog Entries
    12

    Default

    In ddimgtooltip.js the first image is listed wrong:

    Code:
    		tooltips[0]=["images/sophiafrae300.jpg", "Sophia Frae", {background:"white", font:"bold 12px Arial"}]
    It should be:

    Code:
    		tooltips[0]=["images/Flowers/Orchids/OrchidsBig/sophiafrae300.jpg", "Sophia Frae", {background:"white", font:"bold 12px Arial"}]
    Later in the same script, a path fragment is introduced that throws all the images off:

    Code:
    	createtip:function($, tipid, tipinfo){
    		if ($('#'+tipid).length==0){ //if this tooltip doesn't exist yet
    			return $('<div id="' + tipid + '" class="ddimgtooltip" />').html(
    				'<div style="text-align:center"><img src="a_sequoianew/' + tipinfo[0] + '" /></div>'
    				+ ((tipinfo[1])? '<div style="text-align:left; margin-top:5px">'+tipinfo[1]+'</div>' : '')
    				)
    			.css(tipinfo[2] || {})
    			.appendTo(document.body)
    		}
    		return null
    	},
    Remove it so it looks like:

    Code:
    	createtip:function($, tipid, tipinfo){
    		if ($('#'+tipid).length==0){ //if this tooltip doesn't exist yet
    			return $('<div id="' + tipid + '" class="ddimgtooltip" />').html(
    				'<div style="text-align:center"><img src="' + tipinfo[0] + '" /></div>'
    				+ ((tipinfo[1])? '<div style="text-align:left; margin-top:5px">'+tipinfo[1]+'</div>' : '')
    				)
    			.css(tipinfo[2] || {})
    			.appendTo(document.body)
    		}
    		return null
    	},
    There could also be other problems, but I think that's it, and just that much should get the images showing up. Be sure to clear the browser cache and refresh the page after making and uploading the changes.
    - John
    ________________________

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

  5. #5
    Join Date
    Aug 2011
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Thank you John that did the trick - I really appreciate your help!!

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
  •