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/

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).

урок 1. Первое знакомство классический html болен статичностью “Чистый” HTML имеет весьма ограниченные возможности для программирования интерфейса приложений и построения интерактивных сеансов работы пользователей. Традиционное средство, которое предлагается HTML для изменения экрана — мышиный щелчок по ссылке. 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

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:

Закрепляем jQuery — 25 отличных советов Я использую предыдущий пример и изменю его таким образом, что каждый элемент «li» будет иметь уникальный класс, добавленный к нему. Затем я выберу в цикле все элементы (каждый по одному разу). В точности как я и предполагал, браузер неслабо подвис и закончил выполнение только через 5066 миллисекунд (более 5 секунд). Так что я модифицировал код, дав каждому элементу id вместо класса и затем также выбрал каждый в цикле, но уже по id. В этот раз — всего 61 миллисекунду. 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. Les pratiques du référencement Les bases du référencement Site Web de qualité - affichage rapide - nom de domaine pertinent - pages web bien faîtes avec des contenus uniquesPopulariser son site - net linking (distribution de liens sur des sites externes et réseaux sociaux) - multiplier les liens internesMise à jour régulière Pour aller plus loin, voyons en détail les 17 bonnes pratiques de référencement sur google jQuery Form Styler В данном плагине я объединил 3 своих предыдущих jQuery-плагина, плюс добавил возможность стилизации полей для отправки файлов. Таким образом, он позволяет стилизовать с помощью CSS следующие html-элементы: раскрывающийся список <select>;флажок <input type="checkbox">;переключатель <input type="radio">;поле для выбора файла <input type="file">.

Référencer son site Le referencement est l'ensemble des techniques permettant d'améliorer la visibilité d'un site web dans les moteurs de recherche. Ainsi, pour référencer son site, il suffit : d'obtenir des liens depuis des sites eux mêmes régulièrement indexés par les moteurs de recherche, afin que ces derniers identifient l'existence du votre. de déclarer votre site directement via l'interface des principaux moteurs de recherche.

элементы управления флажком Сведения о создании элементов управления checkbox. Используйте флажки, чтобы предоставить пользователю двоичный выбор, выбор одного или нескольких не являющихся взаимоисключающими вариантов или смешанный выбор. Необходимые условия Краткое руководство: добавление элементов управления HTML и обработка событий Создание флажка Densité des mots Choix et position des mots "cible" pour optimiser le référencement naturel Lorsque Google analyse le contenu d'une page Web, un de ses objectifs est de "comprendre" de quoi parle cette page. Ainsi il pourra fournir des résultats intéressants à un utilisateur qui effectue une recherche sur Google. Cependant, si pour un lecteur humain il est généralement facile de comprendre de quoi parle une page, c'est beaucoup plus difficile pour un ordinateur - même ceux de Google. Une des techniques utilisées par ces robots est d'analyser les mots ou les expressions qui reviennent le plus souvent dans le texte de la page (mots cible). Ils analysent aussi la position de ces mots ou expressions.

Календарь для сайта <table id="calendar1"><thead><tr><td colspan="4"><td colspan="3"><tr><td>Пн<td>Вт<td>Ср<td>Чт<td>Пт<td>Сб<td>Вс <tbody></table><script> var D1 = new Date(), D1last = new Date(D1.getFullYear(),D1.getMonth()+1,0).getDate(), D1Nlast = new Date(D1.getFullYear(),D1.getMonth(),D1last).getDay(), D1Nfirst = new Date(D1.getFullYear(),D1.getMonth(),1).getDay(), calendar1 = '<tr>', month=["Январь","Февраль","Март","Апрель","Май","Июнь","Июль","Август","Сентябрь","Октябрь","Ноябрь","Декабрь"]; if (D1Nfirst != 0) { for(var i = 1; i < D1Nfirst; i++) calendar1 += '<td>'; }else{ for(var i = 0; i < 6; i++) calendar1 += '<td>'; } for(var i = 1; i <= D1last; i++) { if (i != D1.getDate()) { calendar1 += '<td>' + i; }else{ calendar1 += '<td id="today">' + i; } if (new Date(D1.getFullYear(),D1.getMonth(),i).getDay() == 0) { calendar1 += '<tr>'; } } if (D1Nlast ! Выпадающий календарь в input Типы input описаны здесь. Среди них есть несколько для дат

Related: