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å vores feed for at holde dig ajour !

Nyt! Følg os som du ønsker det!


Revolver Slider A Revolving Slider - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Revolver Slider er en unik løsning til alle på udkig efter en billede slider, der vil gøre deres webside skiller sig ud. Billederne roterer snarere end dias eller falme som en traditionel skyder.

Vi har draget fordel af internettets nyeste CSS funktioner, der gør en skyder, der animerer på en måde, vi aldrig har set før. Skyderen bruger HTML5 Canvas til at generere det er entydigt formede miniaturer. Alt samtidig holde fortiden i tankerne, skyderen nedbrydes yndefuldt i ældre browsere, og vil ikke bryde dit layout, hvis javascript er deaktiveret.

Ved udformningen denne skyder, vi ønskede at have total kontrol af skyderen vinduet. Vi fandt tidligt, at når der skiftes billeder på denne måde, vidste vi behov for at gøre billeder større end skyderen vinduet.

En del af den hjælp fil vil fortælle dig, hvad størrelse du skal bruge til at gøre dine billeder, samt give en skabelon. Skabelonen kan bruges, når designe dine dias, fordi det fortæller dig, hvilke områder af billedet vil blive set, når dine billeder er i bevægelse eller står stille. Så ingen gætte er påkrævet, når det kommer til opsætning af din skyder, eller designe dine dias.

Skyderen tager så mange eller så få billeder, du vil. Så vi har inkluderet en video, med trin for trin instruktioner, der forklarer, hvordan man sætter en PSD-fil, for at designe overlappende dias i en enkelt PSD. Den samme fremgangsmåde blev anvendt til at designe objektglassene i skyderen ovenfor. Vi har draget fordel af internettets nyeste CSS funktioner, der gør en skyder, der animerer på en måde, vi aldrig har set før. Skyderen bruger HTML5 Canvas til at generere det er entydigt formede miniaturer. Alt samtidig holde fortiden i tankerne, skyderen nedbrydes yndefuldt i ældre browsere, og vil ikke bryde dit layout, hvis javascript er deaktiveret.

Ved udformningen denne skyder, vi ønskede at have total kontrol af skyderen vinduet. Vi fandt tidligt, at når der skiftes billeder på denne måde, vidste vi behov for at gøre billeder større end skyderen vinduet.

En del af den hjælp fil vil fortælle dig, hvad størrelse du skal bruge til at gøre dine billeder, samt give en skabelon. Skabelonen kan bruges, når designe dine dias, fordi det fortæller dig, hvilke områder af billedet vil blive set, når dine billeder er i bevægelse eller står stille. Så ingen gætte er påkrævet, når det kommer til opsætning af din skyder, eller designe dine dias.

Skyderen tager så mange eller så få billeder, du vil. Så vi har inkluderet en video, med trin for trin instruktioner, der forklarer, hvordan man sætter en PSD-fil, for at designe overlappende dias i en enkelt PSD. Den samme fremgangsmåde blev anvendt til at designe objektglassene i skyderen ovenfor.


Hent
Andre komponenter i denne kategoriAlle komponenter i denne forfatter
KommentarerOfte stillede spørgsmål og svar

Egenskaber

Oprettet:
30 august 12

Sidste ændring:
6 December 12

Kompatible Browsere:
IE6, IE7, IE8, IE9, Firefox, Safari, Opera, Chrome

Filer Inkluderet:
JavaScript JS, HTML, CSS, Layered PSD

Software Version:
jQuery

Søgeord

eCommerce, eCommerce, Alle artikler