Слайдер на CSS
Нужен слайдер для показа на одном месте (блоке) на сайте нескольких картинок, предположительно 5. Показывается только одна картинка, затем вместо неё другая.
Размеры картинок будут разные, но ширина будет фиксирована - 150px, соответственно высота будет у разных картинок разной.
Обязательно должно быть автопроигрывание. Т.е. страница загрузилась - сразу же показалась первая картинка - прошло 3-5 секунд и картинка сменилась на следующую и т.д. - показали последнюю картинку и переходим снова к первой и так по кругу.
Меняться должно плавно, без тормозов.
Внизу по середине на картинке или же ниже картинки или выше картинки должны быть цифры от 1 до 5, при щелчке на которые будет происходить переключение на соответствующую картинку.
При наведении мышки на картинку авто смена картинки должна приостановиться, если анимация смены ещё не началась, т.е. если была стадия выжидания таймаута. Если анимация смены на другую картинку началась, то анимация естественно должна завершиться, т.е. не должно быть замирания на половине анимации.
Сами картинки будут ссылками на страницы сайта. Код должен быть валидным обязательно. XHTML 1.0 Transitional и CSS3
Должен работать в современных браузерах. При проблеме с css в старых браузерах возможно применение js-кода.
Блок будет размещён на сайте http://www.seedoff.net/ в левой или правой колонке, соответственно по дизайну вписывать туда.
Картинки будут иметь src примерно такой: http://img.seedoff.net/thumbnail1.php?width=150&file=/a932b9d5266574dae4890560a5d81441864e7a86_3.jpeg
т.е. не статическая ссылка, а генерируемые php. Это для сведения, т.к. не все слайдеры их переваривают без допиливания.
Также важный момент: первая показанная картинка по высоте большая, затем показывается вторая, которая меньше по высоте. Естественно первая должна исчезнуть, а не просто поверх наложить новую картинку из-за чего может внизу просматриваться первая картинка. Или же например вторая картинка прозрачная.
Как один из возможных вариантов для взятия за основу: http://www.amiro.ru/samples/css3-slider
Сразу ставьте срок и сумму в заявке. Доступ к сайту не предоставляется. От вас готовые файлы html, css и при необходимости js. Если будут JS-файлы, то на сайте используется jQuery 1.4.4.
Естественно CSS должен быть написан так, чтобы не менять глобальных свойств, т.е. работать css должен с конкретными классами, id, блоками т.д.
Оплата по факту выполнения. Если в последствии в течение месяца будут обнаружены баги, то они должны быть устранены бесплатно в течение нескольких дней.