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

@fr1wwsAbonnez-vous à notre RSS pour rester à jour!

Nouveau! Suivez-nous que vous le souhaitez!


Revolver Slider A Revolving Slider - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Revolver Slider est une solution unique pour tous ceux qui recherchent un curseur d'image qui fera leur page web se démarquer. Les images tournent au lieu de glisser ou se fanent comme un curseur traditionnel.

Nous avons profité de nouvelles fonctionnalités CSS du Web pour faire un curseur qui anime une manière que nous avons jamais vu auparavant. Le curseur utilise HTML5 Canvas pour générer c'est unique vignettes en forme. Tout en gardant le passé à l'esprit, le curseur se dégrade gracieusement dans les navigateurs plus anciens et ne cassera pas votre mise en page si javascript est désactivé.

Lors de la conception de ce curseur, nous voulions avoir le contrôle total de la fenêtre de curseur. Nous avons constaté très tôt que lors de la transition des images de cette façon, nous savions besoin de faire des images plus grandes que la fenêtre de curseur.

Une partie du fichier d'aide va vous dire ce que vous avez besoin pour faire vos images, ainsi que de fournir un modèle. Le modèle peut être utilisé lors de la conception de vos diapositives, car il vous indique quelles régions de l'image seront visibles lorsque vos images sont en mouvement ou immobile. Donc, pas de deviner est nécessaire en ce qui concerne la configuration de votre curseur, ou la conception de vos diapositives.

Le curseur prend autant ou aussi peu d'images que vous voulez. Donc, nous avons inclus une vidéo, avec des instructions étape par étape, qui expliquent comment installer un fichier PSD, pour la conception de chevauchement des diapositives en un seul PSD. La même méthode a été utilisée pour concevoir les diapositives du curseur au-dessus. Nous avons profité de nouvelles fonctionnalités CSS du Web pour faire un curseur qui anime une manière que nous avons jamais vu auparavant. Le curseur utilise HTML5 Canvas pour générer c'est unique vignettes en forme. Tout en gardant le passé à l'esprit, le curseur se dégrade gracieusement dans les navigateurs plus anciens et ne cassera pas votre mise en page si javascript est désactivé.

Lors de la conception de ce curseur, nous voulions avoir le contrôle total de la fenêtre de curseur. Nous avons constaté très tôt que lors de la transition des images de cette façon, nous savions besoin de faire des images plus grandes que la fenêtre de curseur.

Une partie du fichier d'aide va vous dire ce que vous avez besoin pour faire vos images, ainsi que de fournir un modèle. Le modèle peut être utilisé lors de la conception de vos diapositives, car il vous indique quelles régions de l'image seront visibles lorsque vos images sont en mouvement ou immobile. Donc, pas de deviner est nécessaire en ce qui concerne la configuration de votre curseur, ou la conception de vos diapositives.

Le curseur prend autant ou aussi peu d'images que vous voulez. Donc, nous avons inclus une vidéo, avec des instructions étape par étape, qui expliquent comment installer un fichier PSD, pour la conception de chevauchement des diapositives en un seul PSD. La même méthode a été utilisée pour concevoir les diapositives du curseur au-dessus.


Télécharger
D'autres éléments de ce typeTous les composants de cet auteur
CommentairesFoire aux questions et réponses

Propriétés

Créé:
30 Août 12

Dernière mise à jour:
6 Décembre 12

Navigateurs compatibles:
IE6, IE7, IE8, IE9, Firefox, Safari, Opera, Chrome

fichiers inclus:
JavaScript JS, HTML, CSS, Layered PSD

Une version de logiciel:
jQuery

Mots-clés

commerce é, lectronique, commerce é, lectronique, Tous les articles