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

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. [...]

By: 25 Powerful and Useful jQuery Tutorials for Developers and Designers : Speckyboy Design Magazine

Wed, 11 Mar 2009 11:29:47 +0000

By: Casey Becking

Casey Becking — Fri, 06 Mar 2009 16:45:04 +0000

still seems to have errors when the link goes to multiple lines in IE 7 email me and ill show you

By: rtpHarry

rtpHarry — Tue, 03 Mar 2009 14:50:12 +0000

Hey, I made css do this years back when it was first supported but it still isnt available in most browsers. jQuery is a good way to get this going right now instead of waiting for css 2.1 selectors to be fully supported!

But the real reason I am posting its to say thanks for those three icon search engines! Great resources, I didnt realise that kind of site existed.

Very valuable resource