Sok flash galériában láthatunk olyan effektet, ahol a képnek van egy kerete, majd ha fölé húzzuk az egeret, ez a keret eltűnik. Abban különbözik a css “border”-től, hogy a képnek egy részét takarja el, nem pedig köré fonódik, és ezzel nagyon szép effekt érhető el.
Használat
A működést taglalni igazából felesleges, mert ez egy plugin, így inkább a használatát nézzük át:
1. | $('img').insetBorder(); |
Beállítások
1. 2. 3. 4. 5. 6. 7. 8. | $('img').insertBorder({ speed: 1000, borderColor : "orangered", // alapértelmezett érték fehér (#ffffff) inset : 10, // keret szélesség, alap 10px borderType : "solid", // keret típisa, pl dashed, dotted, solid outerClass : "ibe_outer", // külső burkoló elem osztálya innerClass : "ibe_inner" // belső keret osztálya }); |
Példa
Húzd az egered, Tom Hanksre, aki meg is köszöni, hogy elolvastad a cikket. Thanks!
Végszó
A plugint Rob Thrift írta, neki is szól a T.hanks! http://www.twitter.com/r0bs3n