no.hideout-lastation.com
Paradis For Designere Og Utviklere


ZooMove: jQuery Plugin til Zoom-bilder på Hover

Hvis du noen gang har lest et e-handelsnettsted, har du sannsynligvis sett bildetzoomingseffekten . Du svever et produktbilde og den delen av bildet forstørres for en klarere visning .

ZooMove-pluginet er en fin måte å replikere denne effekten på nettstedet ditt. Den drives av jQuery, slik at du kan få dette opp og kjører raskt uten mye kode.

ZooMove er helt gratis og åpen kildekode, tilgjengelig på GitHub for noen nysgjerrige utviklere. Den kan installeres via npm, Bower, Garn, eller lastes ned direkte fra CDNJS .

For å sette opp et ZooMove-bilde trenger du tre bestemte filer i sidens overskrift:

  1. jQuery
  2. ZooMove CSS
  3. ZooMove JS

Begge ZooMove-filene kan bli redusert hvis du vil ha raskere sidelaster. Du kan også kombinere CSS-filen til ditt hovedformatark hvis det er lettere.

All den virkelige magien skjer i HTML-koden der du kan angi HTML5 data-* attributes for de forskjellige effektene.

Dette lar deg lage din egen tilpassede zoomeffekt basert på fire forskjellige parametere:

  1. data-zoo-scale - definerer total zoomstørrelse når du svever (f.eks. 2, 0 for 200%)
  2. data-zoo-move - definerer om bildet beveger seg sammen med markøren
  3. data-zoo-over - definerer det zoomete bildet som vises over originalen
  4. data-zoo-cursor - definerer markørpunktet

En siste femte parameter lar deg definere hva den nye bildeadressen skal være (om nødvendig).

Du kan bruke ZooMove i alle de store nettleserne, inkludert IE9 +. Dette pluginet er mye støttet, og det gir en helhet av en brukeropplevelse.

Hvis du leter etter et enkelt svever-til-zoom-bibliotek, er ZooMove et utmerket valg. Det er lett nok til å kjøre på et hvilket som helst nettsted og det drives av jQuery, så du trenger ikke skrive så mye kode for å få det til å fungere.

Gå til hovedsiden for å se den i aksjon og sjekk ut dokumentasjonen på GitHub for å lære mer.

20 Inspirerende ideer for minimal hjemliv

20 Inspirerende ideer for minimal hjemliv

Den vanlige ideen de fleste av oss har når det gjelder boligareal er at vi raskt løper ut av det. Leie og land er dyrt i områder med store muligheter, og likevel er det svært kreative mennesker som gikk videre og tok den lille plassen de har og gjort mest mulig ut av det .Vi snakker om smart mikro-living hvor boligeier bruker smart, stuvbare møbler, multifunksjonelle husarmaturer, smart arkitektonisk design eller en kombinasjon av alle tre for å kutte ned på størrelsen på boliger, uten å spise i komfortene vi har blitt vant til .I dette i

(Tekniske og design tips)

Skal du jobbe for deg selv?

Skal du jobbe for deg selv?

Etter å ha jobbet en 9 til 5 jobb for en stund, er det naturlig å tenke på å slutte og starte på egen hånd. De fleste av oss drømmer bare om det, men foretrekker den månedlige lønnsslipp og ferie dager i stedet for den endeløse arbeidstiden og risikoen bedriftseiere må ta .Men hvis du finner ut at det er på tide for deg å gjøre et trekk i din egen virksomhet, ta 5 minutter å se på dette infografiske for å hjelpe deg med å bestemme om dette trekket er en god ide . Det hjelper deg

(Tekniske og design tips)