Js/jQuery
9 подписчики

Подписка на категорию статей

Активируй уведомление на email при появлении новой статьи в этом разделе.

 

Уже третья статья на эту тему. Она явялется продолжением статьи Галерея изображений в лайтбоксе. Часть 2

 

Здесь расскажу как сделать перелистывание фоток кликами на стрелки вправо и влево, закрытие лайтбокса при клике на Esc и листалка кликами по фоткам. 

 

Четверг, 14 Июня 2012 12:36

Высота .height() jQuery

 

Для определения или задания высоты элемента при помощи jQuery используется метод height().

 

Ранее я уже писала о том, как сделать галерею изображений в лайтбоксе. Эта статья находится здесь

 

Там рассматривается вариант, когда есть большие картинки. На странице мы стилями сделами им маленькие размеры, а в лайтбоксе выводили оригиналы.

Теперь рассмотрим галерею в лайтбоксе для динамического сайта, на котором для картинок используется crop - обрезка до заданных размеров. 

 

В этой статье я расскажу о своем опыте добавления календаря на сайт с использованием популярного плагина Datepicker, его подключение, стилизация и локализация.

 

В прошлой статье http://kate-land.net/js-jquery/item/84-sort-table я рассматривала таблицу с численными значениями в ячейках и рассказывала как найти максимальное и минимальное значение по ячейкам, а также про сортировку элементов массива с помощью jQuery. В этой статье, на основе предыдущей, я покажу как можно задать разные цвета ячейкам таблицы, в зависимости от их значений.

 

Допустим есть у нас таблица с какими-то численными значениями. Нам нужно узнать значение ее максимального и минимального элементов или же отсоттировать все элементы. В этой статье я расскажу как реализовать сортировку элементов при помощи jQuery, как найти максимальный элемент и минимальный.

 

Сейчас часто можно встрелить вертикальную или горизовтальную прокрутку отдельного блока стилизированную особым образом. Ведт если мы зададим блоку определенную высоту (или ширину) и свойство overflow со значениями scroll или auto, то при наличии в нем контента больше высоты (ширины), у него появится прокрутка. Прокрутка имеет опделенный вид, который отличается у разных браузеров. Прокрутка не допускает стилизацию при помощи CSS. Ее можно стилизировать только при помощи Javascript. Для этого существует много готовым плагинов и много статей с подробными объяснениями как эти плагины качать и подключать. Самым популярным является jScrollPane, если интересно ищите и качайте.

 

Но если у вас есть только один блок на главной странице с вертикальным скроллером, то нету смысла подключать сложный и тяжелый плагин. Потому в этой статье я хочу рассказать о том, как своими руками без посторонних плагинов сделать стилизацию скроллбара.

 

Среда, 30 Мая 2012 11:36

Пишущийся текст на jQuery

Будем делать текст, который появляется постепенно, по одной букве. Созданим эффект динамического печатания текста.

 

Пятница, 25 Мая 2012 10:27

Подсказка в виде Tooltips

Учимся делать всплывающую подсказку для ссылки (или любого другого элемента) в виде tooltips.

 

Делаем галерею изображений. На страничке выводятся маленькие картинки, при клике на любую из них, всплывает окно лайтбокса, в котором большое изображение, его описание, дата добавления (или любая другая информация). Также в лайтбоксе отображается счетчик изображений в виде 

"Фотография 1 из 10"

 

< 1 2 3 4 5 6 7 8 >
Страница 6 из 8

верстка | CSS | верстка сайтов | HTML | верстальщик | блочная верстка | JavaScript | css верстка | профессиональная верстка сайтов