Comments on: Add icons to your links automatically using jQuery & CSS

By: Add icons to your links automatically using jQuery & CSS | Cool Javascripts | King Luddite

Tue, 08 Mar 2011 01:57:32 +0000

[...] Add icons to your links automatically using jQuery & CSS | Cool Javascripts. Sharing is Caring:ShareStumbleUponRedditDiggEmailPrint This entry was posted in Odds & Ends, Tools and tagged icons jquery javascript, jQuery tutorial designers. Bookmark the permalink. ← Open Source Social Networking Platforms [...]

By: tdastheday

tdastheday — Mon, 28 Jun 2010 19:03:59 +0000

How do I exclude this from my div class=”content” section?

By: FindIcons.com

FindIcons.com — Tue, 04 May 2010 11:17:24 +0000

Please try FindIcons.com, a much better icon search engine.

By: sabo

sabo — Tue, 29 Dec 2009 02:26:48 +0000

oh, silly me. i got it. forget that i said anything

By: sabo

sabo — Tue, 29 Dec 2009 01:43:11 +0000

how about adding this posibility to one specific class, instead of entire site? for example, i would like to have this effect within my articles, but i don’t want it all around because it will mess up my page.

By: nate

nate — Fri, 14 Aug 2009 16:11:08 +0000

this is a great script. thanks so much for posting! awesome

By: seishin

seishin — Tue, 21 Jul 2009 08:12:03 +0000

your css could be shortened:
a.icon {
background-repeat: no-repeat;
background-position: left center;
padding-left: 20px;
line-height: 16px;
}
a.pdf { background-image: url(images/pdf.png) ;}
a.txt { background-image: url(images/txt.png) ;}
and so on…

then:
$(“a.icon[href$='.pdf']“).addClass(“pdf”);
or
$(“a[href$='.pdf']“).addClass(“icon”).addClass(“pdf”);

By: Ney Estrabelli

Ney Estrabelli — Tue, 12 May 2009 12:04:28 +0000

Great resource

Congratulations.

By: advise-art

advise-art — Thu, 12 Mar 2009 13:32:51 +0000

why not …. can be useful ….

By: 25 Powerful and Useful jQuery Tutorials for Developers and Designers | guidesigner.com

Thu, 12 Mar 2009 11:12:09 +0000

[...] Add icons to your links automatically using jQuery & CSS Demo URL : View Demo. Description : You want to show a particular icon to a particular type of link. For eg: a pdf icon to all pdf file links, a text document icon to all text document links, zip icon to all links that are linked to zip files etc. This tutorial will show you how using jQuery. [...]