HTML5 новые тэги header, footer, nav, aside,
<img src="Chufut-Kale3.jpg" with="800" height="537" alt="" />
<img src="Chufut-Kale2.jpg" with="800" height="537" alt="" />
<img src="Chufut-Kale1.jpg" with="800" height="537" alt="" />
Выводится блок с картинками на странице очень просто:
В данном случае помимо самого эффекта добавлен регулятор скорости смены картинок (timeout: 1000). Меньше число быстрее меняются. Полный список всевозможных опций . Добавлять их нужно в столбик, отделяя каждую запятой.
$(document).ready(function() {
<script type="text/javascript">
Там же прописываем условия работы плагина:
Для работы, как вы понимаете, понадобится сам плагин, который можно скачать и версии от 1.2.6 и выше. Из скачанного архива с плагином нам понадобится только скрипт с именем jquery.cycle.min.js. Прописываем пути в <head> </head>. Как это сделать, я .
Вот такой симпатичный эффект можно получить, используя jQuery и плагин Cycle. На самом деле эффектов там несколько. Перейдите по ссылке на и увидите сами. Я расскажу лишь про эффект плавной смены картинок fade.
Фото галерея с плавно меняющимися картинками
Вебсовет — это полезные советы по блочной верстке веб сайтов, HTML, CSS, WordPress и jQuery
Фото галерея с плавно меняющимися картинками · Websovet - блочная верстка веб сайтов, HTML, CSS, jQuery и WordPress
Комментариев нет:
Отправить комментарий