Free Public Show : This technique is deemed as the “Easiest Tooltip and Image Preview”.
This tooltip uses jQuery and breaks us out of our box on how we view, and can use, tooltips in our design.
You can download the 3 examples I used in this cast over at CSS Globe. Visit the link provided to the download page and grab the files…
http://cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery
Hope you enjoy the free screencast.
Hi Ed,
thanks for the good ideas. But I don’t really get one thing: you’re always talking about (and displaying it in the code) a CLASS for “tooltip”, “preview”, “screenshot” a.s.o. But in the CSS code you’re working with a # which identifies an ID, not a class. Yet it seems to work. What”s wrong there?
Hi, Alen here, the author of the tooltip! :) Nice screencast :)
Actually the CSS definitions for IDs such as #preview, #screenshot are here to define the appearance of the tooltip itself (therefor IDs not classes), not the link. Link has default appearance and the class attribute is used so the script can identify it.
Cheers,
Alen
Hi Alen!
Glad you liked the cast. And thanks for the clarity on the definitions.
They’ve got some great stuff over at CSS Globe. Some of which I’m considering doing other casts on.