Geanimeerde linkjes jquery

[AmcUhrd]

hey iedereen.

ik ben een website aan het maken. ik heb de linkjes als afbeeldingen in divjes gezet en die weer ge a hrefd XD
nu wil ik graag dat die linkjes een zwart randje krijgen en misschien wat groter worden tijdens hover over.
ik weet dat dit moet kunnen met jquery en aangezien er geen appart topic hierover is vind ik dat deze hier plaats hoort.
ik hoop dat jullie me kunnen helpen.

gr

 

[Naarling]

Waarom niet gewoon met CSS?

 

[AmcUhrd]

omdat je met css alleen de tekst iets kan laten doen, en dat ook maar zeer beperkte opties heeft (aka lijntje er onder en dergelijke)k

 

[Naarling]

mwah, dat val wel mee hoor, kijkt hier maar eens naar http://jsfiddle.net/7A78M/1/

Ok, het is geen vloeiende animatie, maar wel een stuk simpeler dan jQuery.

 

[AmcUhrd]

dit is idd precies wat ik zoek. het hoeft ook geen vloeiende animatie te zijn, de site is zo wel groot genoeg. alleen zit ik met het probleem dat hij in deze css geeft hij de waarden mee aan een img. werkt het denk jij ook op een afbeelding in een a href in een divje XD ziet er ongeveer zo uit

<div id="link1">
<a href="pagina.html"><img src="foto.jpg">
</div>

#link1 {
margin-left: zoveel pixels;
margin-top: ook wat pixels;
}
ok je begrijpt het nu wel denk ik. zou het hier ook op werken?

 

[Naarling]

Dat lijkt me wel, maar waarom die <div>? Als er niets anders dan dat gelinkte plaatje in zit kun je die <div> net zo goed weglaten, dan krijg je dus.

<a href="pagina.html" id="link1"><img src="foto.jpg"></a>

(natuurlijk wel altijd zorgen dat je je tags goed afsluit)

 

[AmcUhrd]

ik heb ze in een <div> gezet oimdat ik ze dan in de css goed kan uitlijnen met procenten, voor browserondersteuing in elke browser. maar ik kan die hover atributen tog ook wel aan dat divje toevoegen lijkt mij. ik probeer het morgen wel even op werk en dan hoor je het wel

 

[csshunter]

Voor wat vergroting bij een hover kan je ook een background-img gebruiken met de twee standen er in.
Voordelen: plaatje blijft scherp, en je hoeft niet met margins of paddings te scharrelen als de afbeelding op dezelfde plaats moet blijven staan.
Nadeel: iets meer kB's. *)

• Test: hover-vergroot.htm

Met vriendelijke groet,
CSShunter
_________
*) Ahum, in principe dan. Het origineel is hier een jpg van 38,95 KB, de sprite is hier een png van 11,4 kB.

 

[AmcUhrd]

ok heren het is opgelost. super bedankt.
ik heb gewoon de a property gebruikt zoals in het antwoordt van naarling. tof.