Hej allihopa! Jag arbetar med att göra om hemsidan lite grann för Earth Hour, problemet är att jag inte kan jQuery.
Jag ska göra en ficklampa som när du svävar över vissa objekt på sidan, visar dessa objekt. Dock bara det som visas, så t.ex. bara en bit av en bild och inte hela bilden.
Läget ligger till såhär: Jag har löst hur jag ska göra så att ficklampan fungerar även på bilder, men bilden visar sig inte. Har ni någon bra lösning på problemet?
Någon duktig på jQuery som kan lösa mitt problem? Saken är den att jag vet hur jag kan lösa det men kan inte jQuery så det blir svårt. Det ni ska hjälpa mig med:
Fixa så att "ficklampan" är 30% transparent, detta via jQuery. Ficklampan är bara 250 X 250 px och det är just det området det transparenta ska vara 30%, resten ska vara 0% transparent. OM NI KAN så fixa så att allt under själva ficklampan är 0% transparent medan det under är 100% transparent.
-- OBS: VET ATT JAG ANVÄNDER <CENTER>, SNABB LÖSNING --
JSFiddle: http://jsfiddle.net/f3Yae/