Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > JavaScript: для новичков > Размер дива = размер рабочей области


Автор: VoodariuS 2.2.2012, 18:16
Имеем: Есть скрипт, который скроллит дивы с картинками по горизонтали, картинки большие по размеру. в ширину все дивы с картинками занимают несколько тысяч пикселей. горизонтальный скролл убран с сайта вообще.
Задача: Хотелось бы чтобы единовременно на экран залазила только одна картинка. если я задаю размер дива равный размеру окна (или экрана если фуллксрин), то все выглядит окей, но только с текущим размером окна или экрана. Можно ли выцепить размер окна и задать его дивам в стиль, чтобы каждый див по горизонтальной протяженности был с окно, и единовременно на экране был только один див?

Вот скрипт, он большеват, и писан не мною, поэтому я дам на него ссылку: http://www.dynamicdrive.com/dynamicindex4/stepcarousel.htm

Надеюсь на вашу помощь.

Автор: $дмитрий 2.2.2012, 18:45
Цитата

выцепить размер окна

Код

document.body.offsetWidth

Автор: VoodariuS 2.2.2012, 19:16
мне бы с демонстрацией как этот размер влепить всем дивам с классом "panel" если можно  smile 

Автор: $дмитрий 2.2.2012, 19:40
Jquery используется?

Добавлено через 6 минут и 5 секунд
Вообщем на Jquery выглядит примерно так
Код

$('.panel').width(document.body.offsetWidth);

Автор: VoodariuS 2.2.2012, 20:47
а можно обьяснить как для полных идиотов, желательно показать в скрипте. а то я полный ноль в програмизме и все мои познания на нем закончились в 11 классе и visual basic 6.0 )=

Автор: $дмитрий 2.2.2012, 20:52
Ну, рабочий вариант скрипта я показал. Осталось скопировать и вставить в нужное место основного скрипта. Что обьяснять?

Автор: VoodariuS 2.2.2012, 21:04
так вот проблема с тем куда вставлять (=

Автор: $дмитрий 2.2.2012, 21:45
Цитата

а можно обьяснить как для полных идиотов

Нажать на иконку "Выделить все" которая располагается перед текстом "Разметка HTML" текущего окна "браузера". Подвести манипулятор типа "Мышь" к выделеному тексту, вызвать контексное меню правой клавишей манипулятора. Выбрать пункт "Копировать". На "Рабочем столе" найти ярлык "FTP client"(если такового нет установить программу отдельно) нажать, с коротким интервалом, 2 раза левую клавишу манипулятора. После открытия программы, установить соединение с удаленым сервером вашего "сайта". Отобразится список так называемых "файлов" и "директорий". Нужно найти, каким-то чудом, "файл галереи". Открыть его в режиме редактирования. Установить курсор манипулятора после англоязычного слова "<body>" и нажать сочетания рычагов-клавиш "CTRL" и "V" на устройстве управления ввода информации. Далее "сохранить" все изменения и перейти в окно "браузера" дабы убедится что все работает и инструкция написана не зря  smile 

Код

<script>
$(function(){
    $('.panel').width(document.body.offsetWidth);
});
</script>

Автор: VoodariuS 2.2.2012, 22:36
ну вы мой уровень оценили чуть ниже но все таки не сработало.
насколько я понял скрипт берет настройку ширины панели из "конфига" а он в свою очередь написан на css, тоесть как ни бейся с самими элементами, скрипт будет все равно брать фиксированный размер, потому что в css переменную в виде ширины панели рабочей области засунуть нельзя (так?)
внутри самого скрипта он активно работает с шириной (например из ширины берет значение, насколько сдвигать при просмотре. не могу разобраться до конца в том как он работает по причине своей необразованности в данном плане. вот кстати наглядно объясню что меня раздражает
http://s1.ipicture.ru/Gallery/Viewfull/8334935.html
вы уж не серчайте на меня, я все таки художник а не программист, но приходятся как то спасаться самому когда речь заходит о портфолио
надесюсь кто то разберется в этом скрипте, и скажет куда вставить эту строку >.<

Автор: $дмитрий 3.2.2012, 06:04
Смотреть на месте нужно. На сайте сейчас вообще другой скрипт галереи

Автор: VoodariuS 4.2.2012, 18:32
Цитата($дмитрий @ 3.2.2012,  06:04)
Смотреть на месте нужно. На сайте сейчас вообще другой скрипт галереи

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

Автор: $дмитрий 4.2.2012, 22:00
Цитата

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

Можно и без телепатии обойтись, достаточно зайти на сайт

Автор: VoodariuS 4.2.2012, 22:31
Цитата($дмитрий @ 4.2.2012,  22:00)
Цитата

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

Можно и без телепатии обойтись, достаточно зайти на сайт

Это был сарказм.

Автор: $дмитрий 4.2.2012, 22:34
Цитата

Это был сарказм

Скорее дурость smile

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)