Публикации с меткой «jQuery»

5 JQuery галерей.

Работая над предыдущим постом Работаем с сервисом Flickr на JavaScript. Продолжение. познакомился в интернете с несколькими интересными реализациями галерей на . И о пяти из них я хочу рассказать.

  1. Galleria.

    Galleria

    Первой в обзоре идет , которая не мудрено называется Galleria. проста в использовании, ну об этом я писал в прошлом посте. Библиотека загружается с одной бесплатной темой. Разработчики предоставляют еще четыре темы, но это уже платно от 9 до 29 долларов.
    Кроме поддержки сервиса , галерея может работать с хранилищем фотографий от Google Picasa
    Сайт галереи. Демонстрационная страница

    2. Читать полностью

Работаем с сервисом Flickr на JavaScript. Продолжение.

Продолжим работать с сервисом Flickr. Ранее мы сформировали с помощью JavaScript динамическое меню, к одному из пунктов которого в качестве подпунктов добавили названия сетов (альбомов), которые хранятся в сервисе Flickr.
Сейчас мы рассмотрим вывод фотографий каждого из сетов в зависимости от выбора посетителя.

Инструментарий.

Для вывода изображений будем использовать фрэймворк Galleria. Эта библиотека использует JQuery и в бесплатном варианте имеет достаточную функциональность. Но, самое главное для нас — она работает с сервисом Flickr.
Читать полностью

Горизонтальный аккордеон на JQuery.

После публикации статьи 5 способов создать вертикальный аккордеон решил поискать способ создания горизонтального аккордиона. И нашел довольно простой способ здесь. Аккордеон создан с использованием JQuery. Единственным недостатком было использование графических элементов для секций аккордеона. Немного изменил код, тем более, что CSS3 позволяет создать вертикальный текст.
Итак, создаем простую основу html:

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<div id="container">
	<ul id="accordion">
      <li>
      	<div class="column1">
      	<p class="css-vertical-text">Раздел 1</p>
      	</div>
      	<div class="column2">
      	<strong>Заголовок 1</strong><br/>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. In iaculis volutpat quam, non suscipit arcu accumsan at. Aliquam pellentesque.
        </div>
      </li>
      <li>
      	<div class="column1">
      		<p class="css-vertical-text">Раздел 2</p>
      	</div>
      	<div class="column2">
        <strong>Заголовок 2</strong><br/>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. In iaculis volutpat quam, non suscipit arcu accumsan at. Aliquam pellentesque.
        </div>
      </li>
      <li>
      	<div class="column1">
      		<p class="css-vertical-text">Раздел 3</p>
      	</div>
      	<div class="column2">
        	<strong>Заголовок 3</strong><br/>
        	Lorem ipsum dolor sit amet, consectetur adipiscing elit. In iaculis volutpat quam, non suscipit arcu accumsan at. Aliquam pellentesque.
        </div>
      </li>
      <li>
      	<div class="column1">
      		<p class="css-vertical-text">Раздел 4</p>
      	</div>
      	<div class="column2">
        	<strong>Заголовок 4</strong><br/>
        	Lorem ipsum dolor sit amet, consectetur adipiscing elit. In iaculis volutpat quam, non suscipit arcu accumsan at. Aliquam pellentesque.
        </div>
    </li>
  </ul>
</div>
</body>
</html>

Подключаем JQuery и добавляем простой JavaScript код:
Читать полностью

5 способов создать вертикальный аккордеон.

Для одного проекта решил использовать меню в виде вертикального аккордеона. И вот какие реализации обнаружил:

  1. Аккордеон без использования JavaScript.

    2. Составим основной код HTML-страницы для реализации аккордеона:

    <!DOCTYPE html>
<html>
<head>
</head>
<body>
<div id="container">
  <div id="accordion">
    <div class="item">
      <a href="#">Раздел 1</a>
      <p>
      Lorem ipsum nec ex prompta tractatos.
      Ea elit sale admodum vim, at velit nemore rationibus per.
      Ullum qualisque dissentias ei qui, in putent doctus cotidieque mei.
      Mel legere mucius ne, adhuc impetus signiferumque cu eos.
      Has an zzril soluta impetus.
      An nisl graece inciderint nec, ea per rebum animal, prodesset accommodare ex eam.
      </p>
    </div>
    <div class="item">
      <a href="#">Раздел 2</a>
      <p>
      Lorem ipsum nec ex prompta tractatos.
      Ea elit sale admodum vim, at velit nemore rationibus per.
      Ullum qualisque dissentias ei qui, in putent doctus cotidieque mei.
      Mel legere mucius ne, adhuc impetus signiferumque cu eos.
      Has an zzril soluta impetus.
      An nisl graece inciderint nec, ea per rebum animal, prodesset accommodare ex eam.
      </p>
    </div>
    <div class="item">
      <a href="#">Раздел 3</a>
      <p>Lorem ipsum nec ex prompta tractatos.
      Ea elit sale admodum vim, at velit nemore rationibus per.
      Ullum qualisque dissentias ei qui, in putent doctus cotidieque mei.
      Mel legere mucius ne, adhuc impetus signiferumque cu eos.
      Has an zzril soluta impetus.
      An nisl graece inciderint nec, ea per rebum animal, prodesset accommodare ex eam.
      </p>
    </div>
    <div class="item">
      <a href="#">Раздел 4</a>
      <p>Lorem ipsum nec ex prompta tractatos.
      Ea elit sale admodum vim, at velit nemore rationibus per.
      Ullum qualisque dissentias ei qui, in putent doctus cotidieque mei.
      Mel legere mucius ne, adhuc impetus signiferumque cu eos.
      Has an zzril soluta impetus.
      An nisl graece inciderint nec, ea per rebum animal, prodesset accommodare ex eam.
      </p>
    </div>
  </div>
</div>
</body>
</html>

    К этому коду после тега <head> добавим стили:
    Читать полностью

jQuery 1.5

31 января в блоге jQuery опубликована информация о выходе новой версии популярной библиотеки .
В новой версии были исправлены 83 ошибки из предыдущей и закрыто 460 тикетов.
Что же нового можно найти в релизе 1.5?

Практически полностью переписана часть работы с AJAX.

И самое существенное в этой переработке то, что объект jQuery.ajax может возвращать данные типа jqXHR, что улучшает совместимость и кроссплатформенность библиотеки.

Увеличение производительности.

В jQuery 1.5 существенно увеличена производительность многих операций. Существенно выросла скорость таких функций, как .children(), .next(), .prev().
Особенно повышение производительности заметно на новых браузерre Chrome.

Отложенные объекты.

Появилась возможность работа с отложенными объектами — можно объявить функцию в запросе Ajax, а ее реализацию написать ниже по тексту.

jQuery.sub ()

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

Страница 1 из 212
Наверх


Информация

Вы можете изменить это предложение в настройках темы в админке WordPress.