Главная » Записи с тегом "jquery" (страница 2)

Рубрики с меткой ‘jquery’

YouTube API: плеер с помощью YouTube API, jQuery, CSS

YouTube API плеерВидео презентации это отличное дополнение к любому продукту. С помощью видео вы можете показать преимущества вашей продукции, при этом не затруднять пользователя чтением длинных параграфов. Но, при добавлении видео, вам необходимо вручную конвертировать его и найти (написать) некоторый flash плеер, который будет отображать презентацию на сайте. Читать далее »

jQuery перелистывание — эффект перелистывания страниц на jquery

jquery перелистываниеЭффект перелистывания страницы, наиболее часто создается с помощью Flash анимации. В интернете этот эффект набирает популярности в онлайн журналах и презентациях. Это связано с реализацией этого эффекта в ebook и мобильных устройствах.

В этой статье мы будем использовать PHP и плагин turns.js, которые позволят реализовать эффект перелистывания страницы на чистом CSS3 и jQuery. Мы возьмем наиболее популярные картинки из Instagram.com и создадим красивый журнал.

Ссылку на ДЕМО смотрите в комментариях, в конце статьи. Также скачайте архив скрипта, и протестируйте на своем компютере. Читать далее »

PHP: скрипт оценки на PHP + jQuery + AJAX

скрипт оценки на phpВ этой статье вы узнаете как написать скрипт системы оценок на PHP. Также для реализации полноценной и красивой системы оценок, мы будем использовать AJAX и jQuery. Рейтинг голосов будет записан в режиме реального времени, без обновления страницы с помощью AJAX. Для работы с AJAX уже есть все необходимое у фреймворке jQuery. Однако, если желаете узнать больше, читайте статью взаимодействие ajax с php.  Также, будем использовать возможности PHP таким образом, чтобы обойтись без использования базы данных. Хотя если вам удобнее использовать базу данных для хранения рейтинга вашего материала, вы с легкостью можете переписать скрипт для собственного удобства. Читать далее »

AJAX загрузка файлов на сервер + jQuery, IFRAME, PHP

ajax загрузка файловЭто очень интересная статья, о том, как загрузить файлы на сервер с помощью технологии AJAX. Как вы уже знаете, ajax это асинхронный javascript, который позволяет работать с сервером, не перезагружая страницы в браузере. Такая технология очень полезна для реализации нашей идеи: загрузить файлы на сервер не перезагружая страницы браузера. Наша идея также может быть реализована другими способами, обо всем этом читайте ниже в нашей статье. Читать далее »

Растянуть background на весь экран с помощью css, jquery, php

Нашей целью будет реализовать фон (background) сайта, который будет покрывать все рабочее пространство окна браузера. Мы будем делать это с помощью разных техник используя CSS3, чистый CSS, jQuery, PHP. Читать далее »

WordPress: создание темы со слайд-шоу на JQuery в шапке и несколькими блоками под виджеты. Предисловие. CSS.

Итак, для начала вот скриншот и конечный «эталон» того, что должно получиться в итоге. Читаем перечень возможностей. За основу возьмём эту вёрстку от DreamTemplate. Скачиваем.

В отличие от других «уроков» в Сети на тему создание шаблона для WordPress, мы не ограничимся изготовлением типичной двухколоночной структуры с одним сайдбаром под виджеты, простой шапкой в виде статичной картинки и прочими «красивостями». Кое-где есть горе-примеры вообще и без этого минимума.

А теперь конкретно. Абсолютно любая тема начинается с файла стилей style.css. Потому создаём в <папка с WP>/wp-content/themes папку для нашего шаблона, — brainmix. В него помещаем CSS из HTML-заготовки: coin-slider.css и style.css. В style.css прописываем информацию об авторе: Читать далее »

Видео Вконтакте на DLE. Как встроить видео с контакта в DLE.

Привет! Давненько я не писал уже никаких полезных статей по dle, как-то не было желания.. Сегодня я напишу о том, как встроить видео с Вконтакте в новости на DLE сайте. Данный мануал нужен в первую очередь мне самому, т.к я часто создаю новые сайты с сериалами онлайн и каждый раз лезу искать инструкцию по установке этого хака. Я решил, что будет лучше если все инструкции будут находится на одном блоге. Ну всё, поехали :)

На данный момент очень популярны сайты с фильмами онлайн на которых используется видеоплеер от сайта Вконтакте. Для встраивания видео там используется фрейм (iframe). При добавлении айфрейм кода в новости на дле сайтах, парсер DataLife Engine съедает тот код и на выходе мы ничего не получаем. Это сделано в целях безопасности. Читать далее »

Использование ‘$’ вместо ‘jQuery’ в WordPress

Насколько вы знаете, WordPress поставляется с jQuery (при написании статьи использовался WordPress версии 3.2.1). Чтобы использовать jQuery в своих плагинах и темах должным образом, вам необходимо добавить следующий код (в файл functions.php):

01 wp_enqueue_script("jquery");

Хитрость здесь заключается в том, что по умолчанию копия jQuery находится в режиме совместимости. Это означает, что привычный нам шорткат ‘$’ не будет работать. Сделано это для того чтобы не создавать конфликтов с другими библиотеками Javascript, использующими знак доллара (к примеру, MooTools или Prototype). Читать далее »

Соединяемся с Twitter’ом, используя .getJSON

На сегодняшний день Twitter является довольно популярным интернет-сервисом для ведения микроблогов. Именно поэтому существует множество плагинов, написанных на jQuery, которые позволяют соединиться с Twitter. Я отдаю свое предпочтение плагину от Damien du Toit, скачать который можно по следующей ссылке: jQuery Plugin for Twitter. Если вы действительно желаете получить тщательный контроль над Twitter, этот плагин будет весьма кстати.

Однако API методы Twitter Search и User Timeline являются более предпочтительными. Ниже мы с вами ознакомимся с тем, как использовать функцию .getJSON в своих целях. Плюс ко всему, наш гипотетический клиент мог бы заметить, что главная страница является чересчур пустой, поэтому он хотел бы добавить к ней вывод трех последних твитов из своего микроблога.

Основы JSON Читать далее »

Плагин плавного появления изображений

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

Вероятно, вы тоже видели такой эффект на некоторых сайтах, на которых в публикациях много изображений. Я видел но как-то не задавался вопросом, как это работает.

Например, вы зашли на страницу, где автор разместил много фотографий достаточно большого размера, и, соответственно, большого “веса”. Серверу, на котором стоит такая страница, приходится загружать сразу все фотографии, даже те, которые вы еще не видите, так как они расположены ниже нижней границы вашего экрана монитора. Читать далее »