PUBLIC MARKS with tags images & javascript

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

Certaines images d’illustration, (je ne parle pas ici d’images utilisées pour le design d’un site qui elles sont appelées dans la feuille de style) sont liées, c’est à dire qu’en cliquant dessus on change de page pour afficher l’image dans sa taille réelle. De base ce n’est pas très recherché, l’image se charge dans une nouvelle page vous obligeant à revenir en arrière pour continuer la visite du site internet. Depuis quelques temps il existe divers moyens de rendre l’affichage des images liées plus sympathique, ainsi on peut utiliser plusieurs techniques de lightbox mais aussi et ça c’est déja plus récent, utiliser un effet de zoom. Donc en gros on affiche une miniature de l’image plus ou moins petite, qui lors du click va zoomer pour afficher l’image dans sa taille réelle. Une des solutions existantes pour arriver à ce résultat est d’utiliser FancyZoom 1.1 proposé par Cabel Maxfield Sasser sur son blog.

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.

zoom image

a little shell script this afternoon which converts a PDF into a set of images then builds a little HTML JavaScript browser that you can copy-and-paste into your blog posts.

Voici un script qui vour permettra de mettre en place un zoom sur un image. Perosnnelement, je trouve le résultat très sympa et pratique. Il faut évidament ne pas oublier d'avoir l'image en deux résolutions, une basse pour la miniature et une plus élevée pour le zoom.

Voici un script qui vour permettra de mettre en place un zoom sur un image. Perosnnelement, je trouve le résultat très sympa et pratique. Il faut évidament ne pas oublier d'avoir l'image en deux résolutions, une basse pour la miniature et une plus élevée pour le zoom.

Voici un script qui vour permettra de mettre en place un zoom sur un image. Perosnnelement, je trouve le résultat très sympa et pratique. Il faut évidament ne pas oublier d'avoir l'image en deux résolutions, une basse pour la miniature et une plus élevée pour le zoom.

Permet de créer une boite en surimpression où des images peuvent être affichées

Highslide JS is a piece of JavaScript that streamlines the use of thumbnail images on web pages. The library offers these features and advantages: * No plugins like Flash or Java required. * Popup blockers are no problem. The images expand within the active browser window. * Single click. After expanding the image, the user can scroll further down or leave the page without restoring the image. * The approach uses two separate images. No heavy full-size image packed into thumbnail display size! The full-size image is loaded in the background either on page load or when the user clicks the thumb. You specify this option in the script's settings. * Compatibility and safe fallback. If the user has disabled JavaScript or the JavaScript fails in any way, the browser redirects directly to the image itself. This fallback is able to cope with most exceptions and incompatibilities.

SwfIR n'est pas une marque de produits nettoyant révolutionnaire mais une methode pour appliquer des styles originaux à vos images en passant par un JavaScript et un peu de Flash. Vous connaissiez sIFR, découvrez SwfIR… SwfIR est un script non intrusif, c'est-à-dire qu'outre le fait que vous devez linker un fichier JavaScript à votre page, vous n'avez pas besoin de modifier le code XHTML de votre page. Ce script permet à vos images d'appliquer des styles inexistants en CSS2 : ombres portées, bordures arrondies, coins arrondis, rotation. Le principe est que SwfIR va remplacer les images que vous aurez spécifiées par un Flash qui intégrera ces images pour leur appliquer ces styles.

Highslide JS is a piece of JavaScript that streamlines the use of thumbnail images on web pages. The library offers these features and advantages: