Вход

Просмотр полной версии : div, обрезающий внутренний контент.


Arimand
13.02.2012, 23:10
Здравствуйте.
Я пишу галерею на javascript. В ходе написания галереи возникла необходимость создать прокрутку. ( Чтобы при нажатии на стрелочку, картинки "съезжали" влево или вправо ).
Выглядеть должно похоже на
http://www.rudebox.org.ua/karusel-galeries-on-jquery/

В качестве реализации было выбрано вложение div-а с миниатюрами и стрелочками - внутрь другого div-а. При этом, div с миниатюрами и стрелочками будет иметь ширину = ширине всех миниатюр+пространства между ними+стрелочек, а div, в который это все счастье вложено - будет иметь ширину 1100px, равную ширине контентного блока сайта.

Собственно на этом этапе и возникли вопросы.

1. Как сделать, чтобы не было скроллинга?
2. Как сделать, чтобы внешний div обрезал внутренний?
По css вроде всё. По javascript задам вопрос уже в другом разделе.
Заранее благодарю.

з.ы. И еще. В IE не работает свойство opacity. А у меня в галерее затенение происходит именно через него. Чем можно заменить данный подход для IE?

Pavel M.
14.02.2012, 10:39
в поисковике введите фразу, например, 'javascript скроллер'
и поизучайте простые примеры

Rootpassword
14.02.2012, 14:41
з.ы. И еще. В IE не работает свойство opacity. А у меня в галерее затенение происходит именно через него. Чем можно заменить данный подход для IE?
в ИЕ есть filter: alpha(Opacity=85);
Только оно работает немного не так, как в остальных браузерах
opacity: .85;
-moz-opacity: .85;
для child-ов.

Arimand
15.02.2012, 23:53
в поисковике введите фразу, например, 'javascript скроллер'
и поизучайте простые примеры
Уже нашел способ:
overflow:hidden;
Но все-равно не понимаю: неужели ответ на вопрос дать сложно? Мне казалось, что на форумах программистов сидят люди, которые посредством помощи новичкам сохраняют ( а порой и приумножают ) свои знания.

в ИЕ есть filter: alpha(Opacity=85);
Только оно работает немного не так, как в остальных браузерах
opacity: .85;
-moz-opacity: .85;
для child-ов.
Благодарю.

Pavel M.
16.02.2012, 07:17
неужели ответ на вопрос дать сложно?
если бы вы привели сразу свой html код, пусть даже где-то неработающий, то, наверное, получили бы более конкретную помощь