Få forklarende tooltips på dine bilder!
Skrevet av Mats den 11.07.2008
Om du noengang har postet et oversiktsbilde over et sted, eller et bilde med forskjellige områder der du vil forklare brukeren hva som befinner seg hvor på bildet, så bør du ta en titt på Tipmage.
Det er en kort snutt med Javascript og CSS som fungerer sammen for å gi deg muligheten til å sette tooltips på forskjellige firkanter av bildet.
Som du ser på illustrasjonsbildet her, så har jeg markert en del av bildet, firkanten som er gjennomsiktig med markert ramme. Når jeg så tar musen over den kommer teksten som du ser i den gule boksen opp, man kan lett forklare leserne hva som befinner seg hvor.
Har du prøvd deg litt på script/html og lignende tidligere vil det ikke være noe problem å få dette til å fungere for deg. Det du skal er å legge til javascriptet på din side, angi hvilket bilde det gjelder, mate inn koordinatene på bildet og sette inn hva det skal stå i tooltippen.
Du finner det hos http://digitalhymn.com/argilla/ som også har diverse andre små script som det kan være lurt å ta en titt på, enkle ajax løsninger som kan være verdt å kikke på om du ikke har fått det til tidligere.
