WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Images and Media

Revolver Slider A Revolving Slider

— Add- On til WorldWideScripts.net

Abonner på vårt feed for å holde deg oppdatert!

Nyhet! Følg oss som du vil ha det!


Revolver Slider A Revolving Slider - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Revolver Slider er en unik løsning for alle som leter etter et bilde slider som vil gjøre deres nettside skiller seg ut. Bildene rotere i stedet for lysbilde eller visne som en tradisjonell glidebryter.

Vi har tatt nytte av de nyeste CSS-funksjoner for å gjøre en skyveknapp som animerer på en måte vi aldri har sett før. Glideren bruker HTML5 Canvas å generere det er unikt formet miniatyrbilder. Alt mens du holder fortiden i tankene, forringer glidebryteren grasiøst i eldre nettlesere, og vil ikke bryte layout hvis javascript er deaktivert.

Når du utformer denne glidebryteren, ønsket vi å ha total kontroll over glidebryteren vinduet. Vi fant tidlig at når overgangen bilder på denne måten, visste vi trengte å gjøre bildene større enn glidebryteren vinduet.

En del av hjelpefilen vil fortelle deg hvilken størrelse du trenger for å gjøre bildene dine, samt gi en mal. Malen kan brukes når du utformer lysbildene, fordi den forteller deg hvilke deler av bildet vil bli sett når bildene er i bevegelse eller står stille. Så ingen gjette er nødvendig når det gjelder å sette opp glidebryteren, eller designe dine lysbilder.

Glideren tar så mange eller så få bilder som du ønsker. Så vi har tatt med en video, med trinnvise instruksjoner, som forklarer hvordan du setter opp en PSD-fil, for å designe overlapp lysbilder i en enkelt PSD. Den samme metoden ble brukt til å designe lysbildene i glideren ovenfor. Vi har tatt nytte av de nyeste CSS-funksjoner for å gjøre en skyveknapp som animerer på en måte vi aldri har sett før. Glideren bruker HTML5 Canvas å generere det er unikt formet miniatyrbilder. Alt mens du holder fortiden i tankene, forringer glidebryteren grasiøst i eldre nettlesere, og vil ikke bryte layout hvis javascript er deaktivert.

Når du utformer denne glidebryteren, ønsket vi å ha total kontroll over glidebryteren vinduet. Vi fant tidlig at når overgangen bilder på denne måten, visste vi trengte å gjøre bildene større enn glidebryteren vinduet.

En del av hjelpefilen vil fortelle deg hvilken størrelse du trenger for å gjøre bildene dine, samt gi en mal. Malen kan brukes når du utformer lysbildene, fordi den forteller deg hvilke deler av bildet vil bli sett når bildene er i bevegelse eller står stille. Så ingen gjette er nødvendig når det gjelder å sette opp glidebryteren, eller designe dine lysbilder.

Glideren tar så mange eller så få bilder som du ønsker. Så vi har tatt med en video, med trinnvise instruksjoner, som forklarer hvordan du setter opp en PSD-fil, for å designe overlapp lysbilder i en enkelt PSD. Den samme metoden ble brukt til å designe lysbildene i glideren ovenfor.


Laste ned
Andre komponenter i denne kategorienAlle komponenter av denne forfatteren
KommentarerOfte stilte spørsmål og svar

Egenskaper

laget:
30.08.12

Siste oppdatering:
06.12.12

kompatible nettlesere:
IE6, IE7, IE8, IE9, Firefox, Safari, Opera, Chrome

filer Inkludert:
Javascript JS, HTML, CSS, lagdelte PSD

Programvareversjon:
jQuery

Søkeord

eCommerce, eCommerce, Alle ting