Showing posts with label javascript. Show all posts
Showing posts with label javascript. Show all posts

Sunday, May 11, 2008

Easiest Tooltip and Image Preview Using jQuery - from the CSSGlobe Blog

From the blog: "Recently I had a project that demanded a rollover image preview. You know, one of those tooltip-like bubble popups that appears when you roll over link or a thumbnail. Since we were already using jQuery on that project I decided to take it easy and investigate what can be done with that extraordinary library. So I came up with a script so simple it hurts! The best thing yet is that it can be applied for a variety of purposes."

This is very, very nice and looks easy, too. The three versions are packaged together for easy download or you can copy and past from the blog.

Version One: The Simplest jQuery Tooltip Ever

Version Two: Image Preview Gallery

Version Three: Links With URL Preview

VISIT THIS BLOG

Aw, just for the heck of it, let's see what I can come up with using this guy's script(s)...

My Version of Version One - the tooltip
My Version of Version Two - Image Preview Gallery
My Version of Version Three - Screenshot Preview

Sunday, January 6, 2008

Helpful Websites for Webmasters

Draac.com-- if you like building your own website or tinkering around with the look of your blog, you'll appreciate Draac.com with his easy-to-understand snippets of CSS and other bits and pieces of code you can copy and paste to your own page. The "look" of this post (and others around here) with the colored backgrounds and dashed borders for the table cells was copied directly off of Draac.

Dynamic Drive -- Welcome to Dynamic Drive, the #1 place on the net to obtain free, original DHTML & Javascripts to enhance your web site!

The Javascript Source -- The JavaScript Source is an excellent JavaScript resource with tons of"cut and paste" JavaScript examples for your Web pages. All for free!
The JAVA Boutique -- browse the categories of JAVA applets they have available for you to use on your webpage and for free!
Annabella's HTML Help -- simple, plain, easy to understand... however, be on the lookout for HTML tags no longer in use by the most current browser versions.
HTML test bed - try out your HTML online to see how your page would look. Easy to use.
MyImager (online image editor) and JPG/GIF Cruncher (make image files download faster)

JavaScript Q&A Master List

CSS Tutorial