Скрипты jQuery

Универсальный iview слайдер для сайта

Есть множество слайдеров, которые могут украсить ваш сайт, но то, который мы сейчас будем рассматривать имеет просто огромное количество настроек и опций, которым позавидуют многие аналогичные скрипты. Читать далее «Универсальный iview слайдер для сайта»

Получить, назначить CSS стиль через jQuery

Используя скрипты на jQuery вам придется столкнуться с возможностью изменения css стилей элементов или получения их текущих значений. Разберем на примерах методы реализаций данной задачи.  Читать далее «Получить, назначить CSS стиль через jQuery»

Простой слайдер на jQuery с навигацией

Сегодня слайдеры установлены на каждом втором сайте. Они выполняют две функции - украшают сайт разработчика и позволяют выводить полезную информацию, на которую посетитель может обратить внимание.

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

Возможности слайдера:

  1. Можно менять время перелистывания слайдов.
  2. Можно отображать или скрывать стрелки навигации для перелистывания слайдов.
  3. Можно отключать/включать пагинацию слайдов снизу.
  4. Слайдер полностью адаптивный - может легко растягиваться на 100% экрана или div-а, в который вы можете его поместить.
  5. В самих слайдах вы можете писать любой контент - например, ссылки, картинки, текстовую информацию.
  6. Вместо картинки в слайдер можно вставить видео, например с youTuba.

Из преимуществ хочу отметить простоту установки и качество кода - он работал практически на всех сайтах, где бы я его не разместил. В скачанном архиве вы увидите 4 вида подключаемых  слайда - с обычной подписью, с сложной подписью, видео, и обычную картинку. Думаю, из этих примеров будет очень легко понять, как добавлять нужные вам виды слайдов. 

Что касается css, то его также настолько мало, что править вам придется только первые 4 строчки, чтобы подстроить размер jQuery слайдера под свой сайт.

 

Скопировать текст в буфер обмена через jQuery

Для большей интерактивности в приложениях, которые вы создаете или просто различных сриптах иногда требуется код , который позволит пользователю одним кликом скопировать содержимое поля в буфер обмена. Вместо поля (input, textarea) может быть и просто html тег. Рассмотрим, как реализовать эту интересную задачу. Читать далее «Скопировать текст в буфер обмена через jQuery»