booba
Get flash to fully experience Pearltrees
A new auction house opens doors in June - VERITAS | Art Auctioneers, which arises from the encounter of several experts on the art market. VERITAS is determined to inspire investors, focusing on an increasingly promising market. The site was inspired by a classic style while maintaining a clean and modern layout, which shows several auctions and several pieces with great navigation and content organization.
Webdesign & Design Gráfico
Also, check src paths for AlphaImageLoader as they are relative to the HTML document, while regular CSS background images are relative to the CSS document ( read more ). Note - You may want to set hideOnContentClick to false if you display iframed or inline content and it containts clickable elements (for example - play buttons for movies, links to other pages)
Fancy lightbox alternative| How to use
My last little jQuery tutorial was an alternative to using CSS to create an image change on a mouseover. Now I want to take that one step further and add a fade effect. For my example, I am going to make a black and white image fade into a color image. To achieve this effect I am going to introduce the animate function . There are tons of possibilities in regards to jQuery’s animate function, but for this tutorial, I’m going to keep it simple by just using it to do one thing. Test it out below:
Creating a Mouseover Fade Effect with jQuery | bavotasan.com
Introduction Finally, I have times for this carousel script. I always think that it's hard to figure it out, but thanks to a tutorial - Making a jQuery Infinite Carousel with nice features from tutsvalley. I learnt something new from there.
Create a Simple Infinite Carousel with jQuery
Home - Examples - Installation - Configuration - Custom events - Tips & tricks - Known issues - Support forum - Changelog - Contact --- © 2012 frebsite.nl
Download the latest version of the jQuery.carouFredSel-plugin --- CarouFredSel 2.5.2
These elements could be anything you want, e.g. images, list-items, divs. Simply produce your own slideshow for your portfolio or advertisings. Create a newsticker or do an animation. 1 Lorem ipsum dolor 2 Sit amet, consectetuer 3 Sdipiscing elit, 4 sed diam nonummy nibh euismod tincidunt ut 5 Nec Lorem. 6 Et eget. 7 Leo orci pede. 8 Ratio randorus wil.
InnerFade with jquery
Fonctionnement d’un carrousel Tout d’abord, il faut comprendre le mécanisme une telle galerie d’image. Pour cela, seule la définition d’un carrousel réel pourrait suffire : Boîtier de forme circulaire servant à projeter des diapositives (cf. Mediadico ). Dans ce tutoriel nous nous contenterons de créer un mécanisme qui se bloque vers la droite lorsque nous sommes positionnés au dernier item et se bloque vers la gauche lorsque nous sommes positionnés au premier.
Tutoriel jQuery : Faire un carrousel - Babylon-Design - Tutoriaux WebDesign : Adobe Photoshop, XHTML/CSS, Accessibilité
Jquery Image Loader
Found a tutorial about image loading using Jquery written by Remy Sharp while trying to create the same function for company i am working at. Remy has publish the core script and here i will modify it to make it work for multiple images, and load in sequencing order. Multiple Image Loading First we create an HTML page which has list element with class “loading” which we’re going to define later in the CSS, the amount of the list element depend on how many images we need to put here, in this example i have 3 images. and here is the javascript, i already put some comments, which explain what the block codes do. Dont forget to load the jquery core file before these block lines.
Récapitulons : en 1, on a envoyé la requête, et en 2 la requête a trouvé des données à récupérer (les données fournies par le fichier PHP, TXT ou XML). En vue de cela, il va donc nous falloir détecter les changements d'état pour savoir où en est la requête. Pour cela, on va utiliser la propriété onreadystatechange , et à chaque changement d'état ( state en anglais), on regardera lequel il s'agit : var xhr = getXMLHttpRequest (); xhr . onreadystatechange = function () { if ( xhr . readyState == 4 && ( xhr . status == 200 || xhr . status == 0 )) { alert ( "OK" ); // C'est bon \o/ } }; xhr . open ( "GET" , "handlingData.php" , true ); xhr . send ( null );
L'objet XMLHttpRequest
jCarousel - sorgalla.com
jCarousel is a jQuery plugin for controlling a list of items in horizontal or vertical order. The items, which can be static HTML content or loaded with (or without) AJAX, can be scrolled back and forth (with or without animation). Ajax CSS DOM GoogleCode HTML HTMLPurifier HTTP JSON MySQL PHP PHPUnit Sphinx SphinxSE TicketListener Ubuntu XPath XSS Zend_Application Zend_Dom_Query Zend_Filter Zend_View_Helper Impressum Powered by Translate
Coda-Slider 1.0 - Niall Doherty's dot biz
Panel 2 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus porta tortor sed metus.Basic Version In our basic version, we will have a single div containing a loading spinner and once our large image is loaded (in the background) we will remove the spinner and insert our image. There’s a few ways to approach the loading screen, two of which are:
Image Loading | jQuery for Designers - Tutorials and screencasts
There is always a minor problem when it comes to preloading image on a website. Nobody really has a full solution for it. There are a lot of preloaders available, but most of the time they only display the words: “Loading page” or have an animated image that spins. Why can’t there be a nice loading bar of some kind? I’ve gotten a few request on how to make a preloader, or people asking me how to get all the images of a web page and preload them (even the images in CSS). http://www.gayadesign.com/scripts/queryLoaderPercentage/ or download: http://www.gayadesign.com/scripts/queryLoader2/qL2.zip (thanks to Olivier Dumetz)
QueryLoader ? preload your website in style - Gaya Design
De plus en plus de sites web dynamiques (faisant appel à une base de données par exemple) requièrent une mise à jour de ses différentes pages, ou une partie de ses pages, de manière transparente, sans que l’utilisateur n’ait à rafraîchir lui-même la page. C’est ce que l’on appel communément la méthode Ajax. Cette méthodologie se retrouve sous plusieurs techniques, notamment l’utilisation des objets XMLHttpRequest de Javascript.