Форум Сайтостроение Веб-строительство

Плавная смена картинок в бэкграунде ячейки таблицы!

12
Ceres
На сайте с 28.09.2004
Offline
389
Ceres
1837

И еще раз всем привет! Еще одна проблема!

Нужен простой код для медленной плавной смены 3-х расположенных по центру картинок в бэкграунде ячейки таблицы, кот. будет во всех браузерах работать! Желательно чтоб было реализовано через css.

Если у кого есть готовые нароботки - поделитесь плиз.

Там чу-де-са! )
C
На сайте с 04.02.2005
Offline
291
Chukcha
#1

с ходу - анимированый gif

посложнее - js:

1. получить бекраунд

2. удалить из css

3. создать контейнер с img

4 поместить в ячейку с position:absolute

5. анимировать созданный контейнер

Ceres
На сайте с 28.09.2004
Offline
389
Ceres
#2

Это в шапку. Анимированый gif не годится. Размер одного изображения 800х270

slaveofmoney
На сайте с 18.08.2008
Offline
131
slaveofmoney
#3

потерто... плавная смена css, наверное только всякими jquery и пр

пусто )
Ceres
На сайте с 28.09.2004
Offline
389
Ceres
#4

Этот вопрос все еще не решен.

WebAlt
На сайте с 02.12.2007
Offline
266
WebAlt
#5

Попробуйте:

http://wmdn.ru/javascript/smooth-changing-rotate-images-script-on-jquery/

Ceres
На сайте с 28.09.2004
Offline
389
Ceres
#6
WebAlt:
Попробуйте:
http://wmdn.ru/javascript/smooth-changing-rotate-images-script-on-jquery/

Спасибо. А что куда надо дописать чтоб:

1. прокрутилось один раз на круг и остановилось вновь на первом фото.

2. появились маркеры ссылки чтоб можно было пощелкать изображения

C
На сайте с 04.02.2005
Offline
291
Chukcha
#7

Но там не выполняется условие

смены 3-х расположенных по центру картинок в бэкграунде ячейки таблицы
Ceres
На сайте с 28.09.2004
Offline
389
Ceres
#8

Да, уже не актуально, я отказался от бэкграунда и вставляю в тело

Ceres
На сайте с 28.09.2004
Offline
389
Ceres
#9

Ребята, пытаюсь сделать как на gazgolder.com!

Не получается. Можно на его примере на пальцах порядок действия что куда скачать, где какой код размещать и т.п.??

C
На сайте с 04.02.2005
Offline
291
Chukcha
#10

Что конкретно не получается? 

$("#promo-slider").easySlider({

        auto: true,

        continuous: true,

        numeric: true,

        numericId: 'paginator',

        speed: 450,

        pause: 3000

    });

подключить easy-slider

http://cssglobe.com/post/4004/easy-slider-15-the-easiest-jquery-plugin-for-sliding

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий