IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)

Images / Graphisme17 ressources dans cette catégorie

Retrouvez ici tous les meilleurs téléchargements

Liste des 17 ressources de cette catégorie

    Faire defiler des images horizontalement

    Téléchargé 61 fois-
    1
    0
    Lancement du défilement quand la souris passe sur la zone.
    Plus la souris se rapproche des extrémités, plus la vitesse est rapide.
    Le sens de défilement change quand le curseur arrive à la moitié de l'image.
    Un clic sur la zone désactive / relance le défilement.
    Pour l'exemple, pendant les pauses, les images deviennent des liens actifs vers une popup.

    Licence : Non renseignée - Publié le 04/10/2011 - Auteur : javatwister +

    Responsive Nav

    Téléchargé 47 fois-
    1
    0
    Responsive Nav est un plugin JavaScript qui vous permet de rendre vos menus de navigation responsive.
    Pour cela il utilise les transitions CSS3. Il permet également de gérer le tactile et rend ainsi votre menu accessible aux smartphones et tablettes.
    Licence : MIT - Publié le 24/09/2013 - Taille 103ko - Éditeur : viljamis +

    Windy

    Téléchargé 26 fois-
    0
    0
    Windy permet de faire défiler rapidement des éléments. L'effet fera s'envoler les éléments comme un jeu de cartes ou des feuilles qui, pris dans un coup de vent, s'envolent. D'où le nom du plugin. Ceci est réalisé en utilisant des transformations CSS 3D et des transitions.

    Il y a plusieurs options disponibles, comme la plage de propagation des éléments, la vitesse, l'ajout de navigations personnalisées, etc.

    Pour les navigateurs qui ne supportent pas les transformations CSS 3D ou les transitions, il y a une navigation simple par défaut, c'est à dire faire apparaître/disparaître les éléments sans effet.
    Licence : Freeware - Publié le 28/03/2013 - Éditeur : codrops +

    Faire defiler des images manuellement

    Téléchargé 25 fois-
    0
    0
    Faire defiler des images manuellement
    Licence : Non renseignée - Publié le 04/10/2011 - Auteur : Spack +

    Fondu enchainé

    Téléchargé 21 fois-
    2
    0
    Suite à cette discussion, je me suis amusé à réaliser un script assez simple de fondu enchainé.

    Le fonctionnement est plutôt simple (enfin... je pense) : vous positionnez vos images les unes par-dessus les autres (dans l'exemple, en les positionnant en absolute) et vous lancez le script en passant en paramètre le nom de classe CSS des élément à enchainer.
    Ensuite, le script modifie les propriétés z-index et d'opacité pour réaliser l'effet.

    Exemple en ligne
    Licence : Freeware - Publié le 30/12/2010 - Auteur : Bovino +

    jQuery Picture

    Téléchargé 17 fois-
    1
    0
    Grâce à ce plugin, jQuery très léger vous pourrez passer en douceur aux images responsive.
    En effet, ce mot est très à la mode ces derniers temps dans le développement Web. Il s'agit en fait tout simplement de pouvoir adapter vos contenus en fonction de la résolution d'écran de l'utilisateur (et donc du type d'appareil avec lequel il visite votre site).

    Pour se faire, ce plugin vous offre deux solutions qui sont actuellement à l'étude pour devenir le standard des images responsive : l'élément et la nouvelle balise récemment proposée .

    Une mise en garde cependant : ce plugin utilise des éléments qui ne sont pas encore considérés comme valide par le w3c !
    Licence : Non renseignée - Publié le 28/03/2013 - Éditeur : Abban Dunne +

    Attirer l'attention sur un lien

    Téléchargé 14 fois-
    0
    0
    Attirer l'attention sur un lien, 2 versions
    Licence : Non renseignée - Publié le 04/10/2011 - Auteur : Caerbannog +

    RefineSlide

    Téléchargé 13 fois-
    0
    1
    RefineSlide vous permet de créer un caroussel d'images responsive.

    En effet, ce script JavaScript utilise les transitions et les transformations CSS3 pour afficher un caroussel d'images original, attractif et personnalisé. Il utilise également un fallback JavaScript pour le fondu. Il supporte les miniatures, les légendes et possède également une API.

    Le caroussel ainsi créé propose des images responsive, qui s'adapteront à la navigation sur mobile.

    RefineSlide est supporté sur tous les navigateurs récents (IE7+).
    Licence : Libre - Publié le 14/12/2015 - Éditeur : Alex Dunphy +

    Remplir une liste ddslick (plugin liste avec image)

    Téléchargé 10 fois-
    0
    0
    Sur le site http://designwithpc.com/Plugins/ddSlick, vous trouverez un plugin intéressant permettant de faire une liste avec libellé, image, description ...

    Mais comment le remplir ...
    Ici j'appelle une fonction qui me renvoie les éléments à afficher dans la liste et je rajoute un item correspondant à "aucun"
    Licence : Non renseignée - Publié le 17/10/2013 - Auteur : Pelote2012 +

    Holder.js

    Téléchargé 8 fois-
    0
    0
    Grâce à ce script JavaScript, vous pourrez désormais utiliser des images de remplacement aussi bien en mode en ligne qu'en mode déconnexion !

    En effet, Holder.js permet de remplacer des images dans vos pages en se basant sur l'élément HTML 5 canvas ainsi que sur une API chaînable.
    Ces deux points permettant d'afficher et de styliser simplement vos images placeholder (images de substitution).
    Licence : Apache - Publié le 28/03/2013 - Éditeur : Ivan Malopinsky +

    Comment récupérer les dimensions d'une image affichée à l'écran ?

    Téléchargé 7 fois-
    1
    0
    Comment récupérer les dimensions d'une image affichée à l'écran ?
    Licence : Non renseignée - Publié le 04/10/2011 - Auteur : simone.51 +

    jquery.snipe

    Téléchargé 6 fois-
    0
    0
    Ce plugin jQuery présente un agréable effet de loupe sur les images selon les mouvements de la souris. L'image de « zoom » est séparée, ce qui vous permet de créer des effets.

    Parmi les options que vous pouvez manipuler, il y a la taille de la loupe, une paramétrisation CSS, la gestion d'événements, etc.
    Code source - Licence : Apache - Publié le 28/03/2013 - Éditeur : RayFranco +

    Alpha Image

    Téléchargé 6 fois-
    0
    0
    Alpha Image est un plugin jQuery qui permet de modifier simplement la couleur de vos images.

    Différentes options sont disponibles et vous pouvez choisir d'utiliser un code hexadécimal ou bien du RGB pour modifier la couleur.
    Le retour de la fonction peut également contenir les données relatives à l'image en plus de l'image elle-même.
    Licence : MIT - Publié le 06/03/2013 - Taille 55,5ko - Éditeur : Ilker Guller +

    Resemble.js

    Téléchargé 6 fois-
    0
    0
    Resemble.js est une bibliothèque JavaScript très légère (environ 11kb) créée par James Cryer pour faire de l'analyse et de la comparaison d'images directement dans le navigateur.

    Cette librairie requiert l'API HTML5 file ainsi que l'utilisation des canvas HTML5 pour le rendu des différences.
    Grâce à Resemble.js vous pourrez soit analyser une image seule, soit comparer deux images pour trouver leurs différences.
    Licence : MIT - Publié le 28/03/2013 - Éditeur : James Cryer +

    DDSLICK passe au-dessus d'un containeur

    Téléchargé 6 fois-
    0
    0
    Beaucoup utilise le plugin ddslick, pour avoir une liste avec des images et description.
    Malheureusement, quand on l'utilise dans une popup ou une div ou tout autre limiteur d'espace et qu'on veut la dérouler ... appaît un scroll...
    Licence : Non renseignée - Publié le 19/03/2014 - Auteur : Pelote2012 +

    Conversion couleur RGB en hexa

    Téléchargé 4 fois-
    0
    0
    Mozilla renvoie les couleurs d'un élément sous format "RGB(xx,yy,zz)".
    Voici une fonction qui transforme ce résultat en standard hexadécimal...
    Licence : Non renseignée - Publié le 04/10/2011 - Auteur : konogan +

    Instafeed.js

    Téléchargé 3 fois-
    0
    0
    Instafeed est une bibliothèque CoffeeScript qui vous permet de manière on ne peut plus simple d'intégrer des images provenant d'Instagram dans vos pages Web.

    Ce script va automatiquement chercher la et la remplir avec toutes les images Instagram tagguées "awesome". Vous pouvez bien évidemment modifier le comportement en utilisant les options standards et avancées.
    Licence : Libre - Publié le 28/03/2013 - Éditeur : Steven Schobert +