Перейти к содержанию
alinalessioYandex

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

Рекомендуемые сообщения

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

И еще может кто знает, как достичь такого эффекта чтобы по верху картинки была такая сетка. 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;
Можете делать по аналогии.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

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

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

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Chrom

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Chrom

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.