Lav popup -tekst på instruerbare billeder: 7 trin

2024 Forfatter: John Day | [email protected]. Sidst ændret: 2024-01-30 08:30

Billeder på Instructables har en funktion, hvor de dukker op tekst, når du flytter musen over skitserede områder af billederne. Dette bruges til at mærke særligt interessante dele af billedet. Det er en ganske fin funktion, og nogen spurgte præcis, hvordan sådan noget gøres, så her er en instruerbar.:-)

Desværre er denne instruks for det meste forældet

Trin 1: Udgangspunkt

Her er vi på en typisk instruerbar "udforsk" -side. Jeg er logget ind under min

instructables brugernavn, selvfølgelig. Klik på linket "upload billeder" for at komme til dit billedbibliotek.

Trin 2: Gå til billedbibliotek

Formentlig har du allerede indlæst nogle billeder baseret på det andet, der kan instrueres af 'noget'. Klik på linket "image libary" for at komme til siden, der viser de filer, du allerede har uploadet.

Trin 3: Vælg et billede

Vælg og klik på det billede, du vil tilføje popup -tekst til.

Dette vil skifte instruktører til tilstanden "billedredigering" ved standardopløsningen. Du vil være i den samme slags "billedredigering" -tilstand, når du tilføjer et billede til en instruks, du opretter eller redigerer, så du ikke behøver at tilføje pop -ups lige efter upload, adskilt fra at indtaste en instruerbar. Faktisk giver det sandsynligvis mere mening at gøre det som en del af den instruerbare skabelse (de resterende trin er alle de samme), hvor du har konteksten for din … tekst.

Trin 4: Opret Mouse-over-området

Klik på et punkt, og træk til det andet hjørne af et rektangel, der indeholder den del af billedet, hvor du vil have pop-up tekst.

Trin 5: Tilføj teksten

Når du slipper museknappen, viser Instructables -editoren en boks, som du kan fylde med tekst.

Trin 6: Udført?

Klik på "Gem", når du er færdig med at indtaste tekst. Eller klik på annuller, hvis du beslutter dig for, at boksen er det forkerte sted og vil prøve igen. Et enkelt billede kan have mere end et musemarkørområde; Jeg ved ikke, om der er en reel grænse. Læsbarhed kræver et relativt lille antal. Jeg finder det nyttigt at gøre kasserne væsentligt større end det emne, de fremhæver, Det gør dem mere tydelige og lettere at vælge. Områder kan overlappe hinanden, selvom du stort set skal vælge en fra en ikke-overlappende del. Og du kan ikke have et område helt inde i et andet; kun den ydre boks vil fungere. (Nogle af billederne i denne instruktive kan se ud som om de har en boks inde i en anden, men de er egentlig bare en boks uden for en skærmoptagelse, der indeholder billedet af en mindre boks.)

Trin 7: Er det ikke pænt?

Pop-up-teksten med musen skal fungere på dette tidspunkt.

Bemærk, at pop op-teksten er knyttet til BILLEDET, ikke med en bestemt instruerbar. Hvis du har flere instruktører, der indeholder det samme billede, vises pop-up-områderne i dem alle, uanset om det er passende eller ej. Hvis du vil have det samme billede forskellige steder med forskellig popup -tekst, skal du uploade billedet flere gange. (Billedet i dette trin er et eksempel; det bruges også i "intro" -trinet, hvor pop-up'en ikke er helt passende.)