/    Sign up×
Community /Pin to ProfileBookmark

Tooltip Help Please

Copy linkTweet thisAlerts:
Jul 21.2008

hello,

I am trying to add a tooltip to a page that I’m working on in order to have a image of a pillow pop up when your mouse is placed over a small version of that pillow. what I would like to do would be very similar to what you see here:

[url]http://www.blissstudio.com/product-catalog1-lifegroup.php?pro=cat&cat_name=decorative%20pillows&lifegroup=Acadia[/url]

I am pretty new to web design, and am using dreamweaver cs3 to setup the site. If anyone could help me out with some detailed instructions I would greatly appreciate it.

thanks for your time.
steve

to post a comment
JavaScript

3 Comments(s) ↴

Copy linkTweet thisAlerts:
@cgishackJul 21.2008 — Maybe this page will help you.

http://boxover.swazz.org/

The demos look close to what you need
Copy linkTweet thisAlerts:
@donatelloJul 21.2008 — cgishack hit it right on the head!

Boxover script is the one you need. I used it on my page here: The Search Engine List where I tried to squeeze all of the content onto a single page, so needed to make the page rich. It needs a minute to fully load, and then you will see an alphabetically organized toolbar... hover your mouse over the letters.

I used another script on this page: Sell Your House - if you run your mouse over the image, you will see an image popup. This tooltip allows you to put full HTML into it.

I can't remember which script I used on that second page, but I always leave the credits intact for the guy who wrote the javascript, so just look at my source code and feel free to grab the script. Just leave credit up for the author the way I did.
Copy linkTweet thisAlerts:
@stephenjames716authorJul 22.2008 — thank you both!
×

Success!

Help @stephenjames716 spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.18,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...