background preloader

FancyBox - Fancy jQuery Lightbox Alternative

FancyBox - Fancy jQuery Lightbox Alternative
What's new Version 2 is completely rewritten with new features and updated graphics. Notable changes Extendable using helpers Responsive (try resizing window while fancyBox is open) Integrated slideshow New gallery transitions Uses CSS3 (shadows, round corners) Updated plugin options (not compatible with previous versions) Now licensed under Creative Commons Attribution-NonCommercial 3.0 Instructions Download the plugin, unzip it, copy files and include fancyBox script and stylesheet in your document (you will need to make sure the css and js files are on your server, and adjust the paths in the script and link tag). Create link elements whose href attributes will contain the path of the element you wish to open within the fancyBox. Attach fancyBox when the document is loaded. <script type="text/javascript"> $(document).ready(function() { $(".fancybox").fancybox(); });</script> Examples You can also go straight into action and open a standalone version of demo and view its source code. Helpers

http://fancyapps.com/fancybox/

Related:  js

урок 1. Первое знакомство классический html болен статичностью “Чистый” HTML имеет весьма ограниченные возможности для программирования интерфейса приложений и построения интерактивных сеансов работы пользователей. Традиционное средство, которое предлагается HTML для изменения экрана — мышиный щелчок по ссылке. Slider Gallery This ‘product slider’ is similar to a straight forward gallery, except that there is a slider to navigate the items, i.e. the bit the user controls to view the items. Simple stuff. jQuery already has the plugins to create these effects so we don’t have to go about creating them ourselves from scratch. How to Solve the Problem To create the slider controlled gallery, we need the following: Markup that allows us to place several items within a list, and that overflows out of sight.A slider widget to control what subsection of products we can see.Logic to translate the sliders position to slide the products inversely (i.e. we slide left-to-right, the products go right-to-left).

Pedalboard.js by dashersw Check out pedals.io! It's pedalboard.js packaged as a product you can really use. Introduction Ever wanted to have your pedal stack in the cloud, available anywhere you go without any hardware? Ever wanted to manage your sound as easily as browsing a web site? Ever wanted to share the perfect sound you created with your friends without the hassle? howler.js - Modern Web Audio Javascript Library - GoldFire Studios Browsers have come a long way over the years, and we are now able to achieve amazing results using all of the great new technologies often referred to as HTML5. However, generally speaking, audio still sucks. Thankfully, Google decided to create Web Audio API and make all our lives easier. The problem is that only the latest browsers support this new-fangled browser audio, so what are we to do? We were presented with this very question while developing our new HTML5 game and set out to find a library that provided the functionality we needed, without all of the bloat, while still supporting the majority of browsers.

Générateur de sitemaps Devant l'utilisation massive de l'outil que je proposais, mon hébergeur me force à couper son activité. N'ayant pas encore trouvé de solution pour proposer une version online de l'outil, je créais en ce moment une version téléchargeable de cet outil permettant de générer un sitemap en local. Définition d'un sitemap Sitemap/plan de site

Закрепляем jQuery — 25 отличных советов Я использую предыдущий пример и изменю его таким образом, что каждый элемент «li» будет иметь уникальный класс, добавленный к нему. Затем я выберу в цикле все элементы (каждый по одному разу). В точности как я и предполагал, браузер неслабо подвис и закончил выполнение только через 5066 миллисекунд (более 5 секунд). Так что я модифицировал код, дав каждому элементу id вместо класса и затем также выбрал каждый в цикле, но уже по id. В этот раз — всего 61 миллисекунду. Using jQuery The Sexy Way: 7 Great Techniques For a Slick Layout Whatever content you have to present, you can present them in a more interactive & more responsive ways. In this article we’d like to present 7 Impressive techniques using some jQuery magic to grab the attention of your users with a simple, rich user experience that gets them excited about your website. 1. Nivo Slider Nivo Slider is a lightweight (7kb compressed) jQuery plugin for creating good-looking image sliders with 9 unique transition effects. Features Include:

Adaptive Images in HTML TooTallNate/node-plist Demonstration Une démonstation de Fancybox. C'est la traduction française de la documentation issue du site officiel Des animations différentes ('fade', 'elastic' and 'none') La position des titres ('outside', 'inside' and 'over') Les galeries d'images (utilisez la molette de la souris) Quelques exemples

Calendar Documentation This is the documentation of the new Dynarch Calendar (“JSCal2”). Note that it is not compatible with our old calendar project. The new calendar has less predefined ways to setup, and rather focuses on an extensive API that you can use to do what you want. Masonry Kicksend/mailcheck

Related: