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.
Relaterte poster:
2 kommentarer - Legg igjen din kommentar »
Mats skrev..
..den 15.07.08:
..den 15.07.08:
Hei Robban!
Beklager sent svar. Det er ikke så vanskelig som det ser ut til, du kan få det til med en tabell og sette inn tradedoubler kodene i cellene. Hvis ikke kan du kikke litt på DIV taggen, der kan du sette dem slik at de dukker opp som de gjør her med litt plassering av dem via CSS.
Håper du får det til! Hvis ikke så skriv en kommentar til meg på Om Bloggen, blir litt utenom artikkelen. 
Tilpasset søk
Epost abonnement:
Få oppdateringer på epost når det kommer nye tips!Om bloggen:
Velkommen inn i varmen av gode tips om programmer og nettsider. Siden er til for å samle alle gode tips som folk sitter på rundt om. Tipsene skal være nyttige, ha et bruksområde og kunne hjelpe deg å gjøre hverdagen litt enklere men du sitter her og skal gjøre diverse oppgaver ved pcen."Tips bloggen" har hatt en enorm vekst fra dag 1 og har nå flere hundre besøk om dagen. Det vil bli publisert tips daglig på bloggen, men nå i starten er det 2 tips om dagen. Til uken er det lagt frem tips som vil bli publisert 7:30 og 16:00 hver dag. Så ta en titt innom så kan du se om det er noe som er nyttig for nettopp deg!
Har du egne tips, så gå på Om bloggen siden og gi ditt tips der, lenke til din blogg og ære er den store premien.
Kategorier:
- 30daychallenge (1)
- Blogge verktøy (1)
- Fredagsmoro (2)
- Mac (4)
- Nettsider (11)
- Programmer (9)
- thirtydaychallenge (1)
- Tjen penger på nett (3)
- Uncategorized (32)
Søk:
Linkpartnere:
Beste KredittkortBlekkpatroner
Enhjulingsida
Personligutvikling
Visit Liverpool
Buy Exercise Bikes at Argos Sports Free and Fast UK Delivery.
Every thing about Oxford Business online http://www.city-oxford.info/
Buy Exercise Equipments at Argos Sport www.argos-sports.co.uk Free Delivery
FREE 5 GB Disk Space, 2 GB Bandwidth FreeHostX.com ,Free Web Hosting !
..den 12.07.08:
Hei, jeg lurte bare på hvordan du får til å få slike buttons i din 300×250 reklame fra tradedoubler hvis du skjønner hva jeg mener? For å forklare det litt nærmere så er jeg ikke sikker på hvordan jeg får en slik annonse med fire små inne i seg….
Kunne du sendt meg en mail om hvordan du gjorde det?