Bruk Glatt Zoom Effekt til bilder med Zoomer
Det er et sitat som går, "et bilde er verdt tusen ord." I webdesign blir det enda mer relevant. Spesielt når det handler om utstillingsprodukter, som for eksempel på et e-handelsområde. Folk trenger å få en klar forståelse og kunne se på produktet på en visuell måte før de kjøper et kjøp.
Å gjøre bildet så stort som mulig kan ikke løse dette problemet, da det også vil ta en stor ledig plass. Derfor er det beste valget å gjøre bildet zoombart. Med Zoomer kan du få det til å skje med letthet.
Zoomer er et gratis javascriptbibliotek som gjør at bildet ditt kan zoomes . Når den er aktivert, vil den legge til sin egen stil og en knapp for å zoome inn og ut. Den støtter også flere bilder, som automatisk blir omgjort til et bildegalleri.
initialisering
Før du initialiserer den, inkluderer du først Zoomer-skriptet (som du kan få fra GitHub-siden) i prosjektet ditt slik:
Zoomer vil omgjøre bildet med sin stil og legge til en zooming inn og ut-knapp. Du bør inkludere Zoomer stilarket før den avsluttende taggen av head
også.
.. ..
Zoomer inn og ut
Hvis du vil opprette en ny Zoomer, kan du enkelt ta med et bilde i en wrapper. Ikke glem å gi innpakningen fast høyde og bredde da alt ledig plass vil bli fylt av den nye merkingen. For eksempel lager jeg en wrapper med navnet .zoomable
og definerer høyden til 500px og bredden til 100% slik:
.zoomable {høyde: 500px; bredde: 100%; }
Da pakker jeg bildet jeg vil gjøre zoombar, som nedenfor:
SplitDown: En Ghost-lignende redaktør for WordPress
Ghost, en ny blogging plattform ble utgitt for flere måneder siden, og vi dekket hvordan du får det installert på Mac. Den er grunnlagt som en plattform for rent blogging, og har en minimalistisk innholdsredigerer som fungerer bra med Markdown, og hurtig forhåndsvisning av sidevisninger for å gi deg en flott og effektiv blogging opplevelse. Det
10 gratis mobile apper som hjelper deg med å lære engelsk raskere
Å lære et språk er en av de mest givende tingene du kan gjøre. Det er mange måter du kan lære eller forbedre dine ferdigheter på et bestemt språk, fra å delta i klasser til selvlæring . Men har du innsett at du også kan sette den smarttelefonen din til virkelig god bruk for å lære språk?Enten du star