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 om WorldWideScripts.net

Abonneer u op onze feed om de hoogte te blijven!

Nieuw! Volg ons als u het wilt!


Revolver Slider A Revolving Slider - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Revolver Slider is een unieke oplossing voor iedereen die op zoek naar een beeld slider die ervoor zorgt dat hun website opvallen. De beelden draaien in plaats van dia of fade als een traditionele slider.

We hebben gebruik gemaakt van het web nieuwste CSS-functies om een ​​slider die animeert op een manier die we nog nooit eerder gezien te maken. De slider maakt gebruik van HTML5 Canvas voor het genereren van het unieke vorm miniaturen. Alle terwijl het verleden in het achterhoofd, de schuifknop degradeert sierlijk in oudere browsers en zal uw lay-out niet breken als javascript is uitgeschakeld.

Bij het ontwerpen van deze slider, wilden we de totale controle van de schuif raam. We vonden al snel dat bij de overgang naar afbeeldingen op deze manier, moesten we wisten om beelden die groter zijn dan de slider-venster te maken.

Een deel van het helpbestand zal je vertellen wat je nodig hebt om uw foto's te maken, maar ook zorgen voor een sjabloon. De sjabloon kan worden gebruikt bij het ontwerpen van uw dia's, omdat het vertelt je welke gebieden van het beeld worden gezien wanneer de beelden bewegen of stilstaan. Dus geen gissen is nodig als het gaat om het opzetten van uw slider, of het ontwerpen van uw dia's.

De slider neemt zo veel of zo weinig beelden die je wilt. Dus hebben we een video, met stap voor stap instructies, waarin wordt uitgelegd hoe u een PSD-bestand, voor het ontwerpen overlappende dia's in een enkele PSD inbegrepen. Dezelfde methode werd gebruikt voor de objectglaasjes in het bovenstaande slider ontwerpen. We hebben gebruik gemaakt van het web nieuwste CSS-functies om een ​​slider die animeert op een manier die we nog nooit eerder gezien te maken. De slider maakt gebruik van HTML5 Canvas voor het genereren van het unieke vorm miniaturen. Alle terwijl het verleden in het achterhoofd, de schuifknop degradeert sierlijk in oudere browsers en zal uw lay-out niet breken als javascript is uitgeschakeld.

Bij het ontwerpen van deze slider, wilden we de totale controle van de schuif raam. We vonden al snel dat bij de overgang naar afbeeldingen op deze manier, moesten we wisten om beelden die groter zijn dan de slider-venster te maken.

Een deel van het helpbestand zal je vertellen wat je nodig hebt om uw foto's te maken, maar ook zorgen voor een sjabloon. De sjabloon kan worden gebruikt bij het ontwerpen van uw dia's, omdat het vertelt je welke gebieden van het beeld worden gezien wanneer de beelden bewegen of stilstaan. Dus geen gissen is nodig als het gaat om het opzetten van uw slider, of het ontwerpen van uw dia's.

De slider neemt zo veel of zo weinig beelden die je wilt. Dus hebben we een video, met stap voor stap instructies, waarin wordt uitgelegd hoe u een PSD-bestand, voor het ontwerpen overlappende dia's in een enkele PSD inbegrepen. Dezelfde methode werd gebruikt voor de objectglaasjes in het bovenstaande slider ontwerpen.


Downloaden
Andere onderdelen in deze categorieAlle onderdelen van deze auteur
OpmerkingenVeelgestelde vragen en antwoorden

Eigenschappen

Gemaakt:
30 augustus 12

Laatste update:
6 december 12

compatibele Browsers:
IE6, IE7, IE8, IE9, Firefox, Safari, Opera, Chrome

files inbegrepen:
JavaScript JS, HTML, CSS, gelaagde PSD

Software versie:
jQuery

Trefwoorden

eCommerce, eCommerce, Alle spullen