PUBLIC MARKS with tags jQuery & images

PrettyPhoto - a jQuery Lightbox clone July 13th, 2008 in Javascript | Tags: Gallery, jQuery | No Responses A new version 2.1 of prettyPhoto released. Descriptions/Titles now support html code. Usage is simple, just include the jQuery library, prettyPhoto javascript and the prettyPhoto CSS file and add rel=”prettyPhoto” to any picture you want to activate the prettyPhoto feature. If you want the images to be a part of a gallery, just add the gallery name in braket. Tested and working in Firefox 2-3 (Mac/PC), Safari 3.1.1 (Mac), IE 6-7. Uncompressed version - script: 16kb / CSS: 8kb, compressed size - script: 8kb / CSS: 3.8kb.

Je suis tombé il y a quelques temps sur un plug-in sympa pour jQuery qui permet de pré-charger les images des fichiers CSS (via). C'est utile dans un certain nombre de cas pour le webdev moderne. Ca m'avait plu et je voulais l'utiliser mais je me suis rendu compte qu'il ne prenait pas en compte les fichiers importés via la règle @import. J'ai donc ré-écrit le script en améliorant 2 ou 3 petites choses : * Je fais gaffe de parser seulement les CSS de type @media screen * Je fais du récursif pour choper les éventuels styles @importés (façon W3C et IE) * Je stock les règles dans un tableau pour éviter d'avoir une seule regex à appliquer sur une seule grosse chaîne, c'est plus performant

PrettyPhoto - a jQuery Lightbox clone July 13th, 2008 in Javascript | Tags: Gallery, jQuery | No Responses A new version 2.1 of prettyPhoto released. Descriptions/Titles now support html code. Usage is simple, just include the jQuery library, prettyPhoto javascript and the prettyPhoto CSS file and add rel=”prettyPhoto” to any picture you want to activate the prettyPhoto feature. If you want the images to be a part of a gallery, just add the gallery name in braket. Tested and working in Firefox 2-3 (Mac/PC), Safari 3.1.1 (Mac), IE 6-7. Uncompressed version - script: 16kb / CSS: 8kb, compressed size - script: 8kb / CSS: 3.8kb.

Galleria is a javascript image gallery written in jQuery. It loads the images one by one from an unordered list and displays thumbnails when each image is loaded. It will create thumbnails for you if you choose so, scaled or unscaled, centered and cropped inside a fixed thumbnail box defined by CSS. The core of Galleria lies in it's smart preloading behaviour, snappiness and the fresh absence of obtrusive design elements. Use it as a foundation for your custom styled image gallery. Demos

Inspired by many other lightbox-like tools, now made kinda different image zooming script for those who want something fresh. It`s powered by great javascript library - jQuery, tested with IE6, IE7, Firefox Features: * Automatically scales large images to fit in window * Adds a nice drop shadow under the full-size image * Image sets to group related images and navigate through them

Inspired by many other lightbox-like tools, now made kinda different image zooming script for those who want something fresh. It`s powered by great javascript library - jQuery, tested with IE6, IE7, Firefox Features: * Automatically scales large images to fit in window * Adds a nice drop shadow under the full-size image * Image sets to group related images and navigate through them

Galleria is a javascript image gallery written in jQuery. It loads the images one by one from an unordered list and displays thumbnails when each image is loaded. It will create thumbnails for you if you choose so, scaled or unscaled, centered and cropped inside a fixed thumbnail box defined by CSS. The core of Galleria lies in it's smart preloading behaviour, snappiness and the fresh absence of obtrusive design elements. Use it as a foundation for your custom styled image gallery. Demos

Galleria is a javascript image gallery written in jQuery. It loads the images one by one from an unordered list and displays thumbnails when each image is loaded. It will create thumbnails for you if you choose so, scaled or unscaled, centered and cropped inside a fixed thumbnail box defined by CSS. The core of Galleria lies in it's smart preloading behaviour, snappiness and the fresh absence of obtrusive design elements. Use it as a foundation for your custom styled image gallery.

allows you to realize a small magnifier window close to the image or images on your web page easily. I decided to build this jQuery plugin to embed detailed big images in my B2B.So now in few steps you can have your jQZoom in your website,eCommerce or whatever you want.

à convertir en plugin

A intégrer dans spip ? Lazy loader delays loading of images in (long) pages. Images below the fold (far down in the page) wont be loaded before user scrolls down.

remplacement d'images