PocketGaming

Во всех браузерах все отлично, а на Macbook при использовании Safari содержимое элемента с overflow: hidden прокручивается двумя пальцами... Нужна помощь, Google бессилен. Причем на сайте iTunes, например, такого нет. Пример Мой код (без position: relative еще и полосы прокрутки появляются): <div style="width: 480px; height: 320px; overflow: hidden; position: relative"> <img src="http://new.yogamen.net/uploads/games/crazy/1.png" style="float: left" /> <img src="http://new.yogamen.net/uploads/games/crazy/2.png" style="float: left" /> <img src="http://new.yogamen.net/uploads/games/crazy/3.png" style="float: left" /> <img src="http://new.yogamen.net/uploads/games/crazy/4.png" style="float: left" /> </div>

Смотря на чем написан. Если просто HTML с или без JavaScript — достаточно какого-нибудь бесплатного хостинга вроде narod.yandex.ru, а если с серверным кодом, то хостинг с поддержкой соответствующего языка уже нужен. Кстати, чтобы сделать кнопки, как на сайте, указанном выше, не обязательно всерьез учить ActionScript. Достаточно знания rollOver, rollOut и onPress — эти слова знакомы каждому аниматору.

Ну не знаю, по-моему, лучше один раз написать самостоятельно и если уж копипастить, то свой код. Например, мой бывший преподаватель по JS пользуется десятком подключаемых функций вроде getElementsByClass, но использует свой файл-библиотеку и каждую такую функцию может запросто написать, если файла-библиотеки не будет. А вот те кодеры (программистами их называть язык не поворачивается), которые пользуются jQuery, даже не пытаясь понять механизма работы функций из этой библиотеки — продукты деградации общества. Они ведь пользуются чужим кодом не ради экономии времени (как, например, технологи из студии Лебедева), а просто потому что не в состоянии самостоятельно сделать многие вещи, зачастую не очень-то и сложные. Вообще, интернет становится слишком доступным для обывателя. Каждый дурак сегодня может зарегистрироваться на uCoz, сделать ГС и считать себя крутым веб-мастером. Совсем недавно мне попался человек, не сделавший ни единого сайта и выпендривавшийся передо мной после того, как слил мой шаблон из-за того, что я случайно удалил .htaccess. Самое забавное, что этот "павилитель интырнета" с умным видом повторял, дескать, а нечего папки без .htaccess, думая, что этот файл отвечает за безопасность (на самом деле это утверждение верно лишь частично, .htaccess задает конфигурацию Apache для определенной папки). Вот очень такие люди бесят, хотя я сам от такого уровня недалеко ушел, всего-навсего год назад сделал сайт целиком на Flash, потому как денюжек хотелось, а иных познаний, даже html, не было ).

Совсем забыл про обещание поделиться ссылкой на галерею. Конечно, это далеко не конечный вариант: мне еще предстоит разобраться с движением ряда маленьких картинок при нажатии на кнопки "Вперед" и "Назад" и есть идея перенести их на саму картинку, как в LightBox — очень уж мне это нравится, на Netlore.ru, где стоит этот плагин, разглядывать галереи фотографий — одно удовольствие. А теперь вопрос. Неужели для создания такой вот простенькой галереи без эффектов вроде "мокрого пола" и других понтов, нужно пользоваться библиотекой?! Одно дело, если галерея предназначена для какого-нибудь промо-сайта, который должен быть зрелищным, но, к примеру, в моем случае предполагается просмотр достаточно большого количества изображений (серфинг по сайту, каждый раздел которого оснащен отдельной галереей) и понты ни к чему, как и всяческие jQuery.

Ну, его я знаю, я немного не о том говорил.

Библиотеку никакую не использую, велосипед, пусть и с одним квадратным колесом, да еще и с "восьмеркой", я и сам сделать в состоянии. Все-таки на нем сильно не разгонишься и больно не ударишься, не машина ж. Вот если бы надо было что-нибудь сложное создать, где кривизна и чудовищнейшая неоптимизированность кода, который я в состоянии написать, имели серьезное значение, я бы подключил библиотеку, а сейчас неинтересно с ней. А галерею покажу, когда доделаю, но сразу говорю: я полный вафел, верстаю и кодингую (программированием такое назвать язык не поворачивается) совершенно ничтожно, ибо нуб. mishka2, согласен, для общего развития можно, но я пока что новичок и зачастую не в состоянии разобраться со сложным чужим кодом. Единственный сайт, который я использовал как источник идей — s-detdom.ru. Не знаю почему, но на его примере многие вещи объяснял мой преподаватель с курсов, вот я и изучил код. Жаль, кстати, что нет сайта вроде demiart.ru, где были бы уроки по JavaScript, как на демиарте по Photoshop — с объяснением действий и т.д.

Я и не говорил, что там домохозяйки. Я говорил, что только домохозяйки для создания не самой продвинутой галереи скачивают 4 библиотеки. Как правильно сказал какой-то весьма крутой товарищ, современный веб-программист иногда представляет собой очень зажравшуюся личность, привыкшую пользоваться чужим, даже когда это не требуется и можно легко написать нужный код самостоятельно. Кстати, способ очень хорошо подошел для использования overflow: hidden и кнопок влево-вправо. Во всяком случае, clientWidth div'а, где лежит список, показывает именно то, что нужно (в моем случае 1372 пикселя), а значит, можно весьма простым образом расчитать максимально возможную прокрутку, таким образом не дав юзверю крутить пустоту, которая идет после картинок. Огромнющее вам спасибо, ребята, без вас я бы никогда не додумался (а нагуглить не вышло).

А, то есть это чтобы компенсировать непонимание шестым ослом display: table-row?

Получилось, но я так и не понял, почему это не работает без использования списка, и еще один вопрос — что вообще означает * html ? Ведь звездочка — это вроде как все элементы, а html — содержимое тегов <html></html>, так почему же * html .gallery li работает, а .gallery li нет?

mishka2, по первой ссылке странный материал для домохозяек, которые без сторонних библиотек ничего сложнее "бутылок пива" написать не могут, а вот по второй очень наглядный пример, с огромным интересом изучил, поразившись тому, как умудрился сам до этого не додуматься — за него огромное спасибо! Теперь осталось только применить полученные знания к собственной галерейке (которая, кстати, почти вся на JS). А насчет "посмотреть, как сделано на Яндексе" я уже говорил, там галерея сделана с учетом огромного количества картинок (скажем, по запросу "автомобиль" поисковик находит почти 11 миллионов изображений), в то время как у меня их куда меньше, следовательно, рациональней использовать другой принцип (особенно учитывая, что я пока что не знаю ни одного серверного языка программирования, и, как это ни смешно, сама галерея у меня генерируется браузером пользователя, используя названия картинок из массива).

swetlana, да не важно, при overflow: scroll тоже вниз растягивается. CSS 3 использовать не хочется (это я про overflow-x). npofopr, если бы все было так просто! У них там, судя по всему, AJAX, и картинки подгружаются скриптом. Мне это не нужно, поскольку изображений не так много, следовательно, и принцип должен быть другой. Я смог придумать только два способа реализации: 1) Маленькие картинки располагаются в ряд, ссылки влево-вправо изменяют значение параметра left (при position: relative). 2) Ссылки влево-вправо присваивают position: absolute и visibility: hidden последнему и первому child'ам div'а, в котором лежат картинки. Таким образом, эти child'ы как бы изчезают (того же эффекта можно добиться, используя display: none, но мне это кажется не совсем правильным) и весь ряд сдвигается. Второй метод слишком громоздок и неуклюж, он подразумевает огромнейшее количество всяких проверок, чтобы картинка, которая должна появиться при прокрутке, не обладала position: absulute и visibility: hidden, и так далее. Есть, конечно, третий вариант — сварить кашу из массивов и генерировать каждый раз новый div с картинками при нажатии на стрелку прокрутки, но это совсем уж извращение.

У меня проблема несколько другого характера, но тоже связанная с горизонтально расположенными картинками. Мне нужно сделать div с overflow: hidden, в котором бы располагались в один ряд. Проблема в том, что я никак не могу заставить картинки располагаться без переноса строки, то есть таким образом, чтобы div растягивался по горизонтали, но не по вертикали. Все это нужно для создания галереи изображений а-ля Яндекс.Картинки, если кто-то знает, как реализовать подобное в обход вышеописанной проблемы — буду рад узнать способ. Сейчас же у меня есть только два варианта, один из которых довольно громоздок.