Перейти к содержанию
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.

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


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

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

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


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

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

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


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

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Гость
Вы комментируете как гость. Если у вас есть аккаунт, пожалуйста, войдите
Ответить в этой теме...

×   Вы вставили контент с форматированием.   Удалить форматирование

  Разрешено использовать не более 75 смайлов.

×   Ваша ссылка была автоматически встроена.   Отображать как обычную ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.


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

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

×

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

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