Как сделать слайдшоу на весь экран.

[alinalessioYandex]

Подскажите пожалуйста как сделать слайдшоу на весь экран, чтобы при любом размере браузера, картинка масштабировалась, но так чтобы небыло "белых полос" сверху, снизу или в ушах. Чтобы картинка масштабировалась по короткой стороне экрана, а остальное обрезалось.

И еще может кто знает, как достичь такого эффекта чтобы по верху картинки была такая сетка. http://themes.themegoods2.com/?theme=Rhea

[Jedi]

И еще может кто знает, как достичь такого эффекта чтобы по верху картинки была такая сетка. http://themes.themegoods2.com/?theme=Rhea

Там это сделано так:

background: url("http://themes.themegoods2.com/rhea/wp-content/themes/rhea/images/overlay2.png") transparent;
display: block;
height: 100%;
left: 0px;
overflow: hidden;
position: fixed;
top: 0px;
width: 100%;
z-index: -998;

Можете делать по аналогии.

[Tom]

https://opencartforum.com/files/file/1223-%D0%B3%D0%BB%D0%B0%D0%B2%D0%BD%D0%B0%D1%8F-%D1%81%D1%82%D1%80%D0%B0%D0%BD%D0%B8%D1%86%D0%B0-%D1%81-%D0%B0%D0%BD%D0%B8%D0%BC%D0%B0%D1%86%D0%B8%D0%B5%D0%B9-ocstore-v1541/

 

http://codecanyon.net/item/fullscreen-background-changer/4479423

[alinalessioYandex]

Спасибо за советы и готовые решения.

Так как рулить картинками из админки, в моем случае, совсем не обязательно, поэтому решил сделать самостоятельно.

Вот тут нашел описание, как сделать то, что мне требуется.

У меня все получилось, только в примере картинки сменяют друг друга сразу, а у меня с небольшой паузой, (секунды в две). Связано это с тем, что в примере 6 картинок и анимация рассчитана на все эти картинки, а у меня четыре.

Помогите разобраться с css анимацией. Что нужно поправить, чтобы избавиться от паузы между картинками?

Вот мой пример, на котором я это пытаюсь реализовать: http://stefania72.ru/html/

[Tom]

Чё то по ссылке Квадрат Малевича бездыханный)))

[alinalessioYandex]

Чё то по ссылке Квадрат Малевича бездыханный)))

Только что проверил в Firefox все вроде нормально. У вас какой браузер?

[Tom]

Chrom

[alinalessioYandex]

Chrom

Удивительно. Даже IExplorer показывает. правда дерганый какой-то эффект получается, но все же показывает.

Все. Исправил. Теперь в Хроме и Опере показывается. Только конечно эффекты отличаются, но в целом почти так же как и в Firefox.

[Tom]

И эта жуть будет в рабочем магазине или это просто побаловаться?

[alinalessioYandex]

Еще не готово. Обращаюсь за помощью, чтобы было не жуть. )) Будет каталог, но на главной будут фото на весь экран.