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

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

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

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

 

 

Вторник, 03 Апреля 2012 11:49

Слайдер картинок

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

 

Подобные слайдеры часто используются на сайтах в разделах фотогалерей, подробных описаниях товаров и услуг. На свое усмотрение, можно менять размеры слайдов, позицию переключателей, внешний вид переключателей, вид анимации. Я понимаю, что в сети есть очень много готовых плагинов для создания слайдера картинок или новостей. Но они чаще всего достаточное емкие, с большим количеством дополнительных возможностей. Мы же, верстальщики, чаще всего получаем заказ на разработку достаточно простых слайдеров. В этом посте я постараюсь достаточно понятно объяснить свою идею создания простого слайдера картинок. А поняв идею, можно на основе ее сделать что-то похожее, но другое.

 

Воскресенье, 25 Марта 2012 13:27

Показать/скрыть блок

Скрыть комментарии, показать комментарии 

 

 
<div class="vid_comments_head">
                                        <a href="javascript: void(0);" class="com_show" onclick="$(function(){$('.vid_comments .comments_container').fadeOut(500); $('.com_hide').fadeIn(0); $('.com_show').fadeOut(0);})">Скрыть комментарии (4)</a>
                                        <a href="javascript: void(0);" class="com_hide" onclick="$(function(){$('.vid_comments .comments_container').fadeIn(1000); $('.com_show').fadeIn(0); $('.com_hide').fadeOut(0);})" style="display:none;">Показать комментарии (4)</a>
                                    </div>
 
 
<div class="comments_container">
Здесь список комментов или что-то другое
</div>
 
 
Результат: здесь.
Воскресенье, 25 Марта 2012 11:47

Простой слайдер новостей

Задача – сделать для сайта галерею. Это может быть простой слайдер фотографий, слайдер новостей с фото и названием статьи и т.д.

Для этого можно найти готовый плагин, которых множество в сети, и подключить его.

Воскресенье, 25 Марта 2012 11:02

Скроллер картинок

Задача: сделать скроллер картинок с помощью jQuery.

Идея:  сделать скроллер картинок со стрелочками «вправо» и «влево». При нажатии на стрелочки, показывается следующее/предыдущее изображение.  

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

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