Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.77/57: Рейтинг темы: голосов - 57, средняя оценка - 4.77
 Аватар для Sergio Aguero
452 / 443 / 21
Регистрация: 11.04.2012
Сообщений: 2,076

смена картинок

09.01.2013, 14:31. Показов 10666. Ответов 14
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
начну с далека немного:
на дворе 2013 год
есть такой модный и прогрессивный, всеми нахваливаемый html 5
я с данной спецификацией скажу сразу незнаком.
у меня вот такая простенькая задача есть: 2 картинки поочередно меняются через определенный промежуток времени.
как реализовать на jquery я знаю. как сделать во флеше такую смену картинок я тоже знаю (типо банера).
теперь вопрос: позволяет ли html 5 сделать тоже самое, только может гораздо проще и удобнее????
0
Лучшие ответы (1)
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
09.01.2013, 14:31
Ответы с готовыми решениями:

Авто смена картинок
Как сделать авто смену картинок как в Сайте + чтобы они сами менялись

смена картинок при нажатии
Можно ли сделать смену картинок при нажатии на css (или html5, но не на js).

Плавная смена картинок в ячейке
Дорогие форумчане! Пытаюсь сделать плавную смену одной картинки другой. Использую JQuery. Всё вроде ничего, но почему-то вторая...

14
 Аватар для Rodion2703
24 / 20 / 5
Регистрация: 06.01.2013
Сообщений: 819
09.01.2013, 22:33
Нет, так как это не программный код или скрипт, это - язык для того, что бы браузеры поняли, как отображать элементы на странице
0
ѪѦѢ
 Аватар для SlavAz
599 / 168 / 5
Регистрация: 19.08.2011
Сообщений: 665
Записей в блоге: 3
10.01.2013, 01:54
Sergio Aguero, CSS3 может. Но пока лучше использовать JS.
0
 Аватар для Sergio Aguero
452 / 443 / 21
Регистрация: 11.04.2012
Сообщений: 2,076
10.01.2013, 09:40  [ТС]
Цитата Сообщение от SlavAz Посмотреть сообщение
Sergio Aguero, CSS3 может
оппа, ну-ка, по-подробней плиз.
меня не интересует js и прочие библиотеки яваскриптовские.
я написал вполне понятно что меня интересует только хтмл 5
если нельзя на пятом хтмл такое организовать, тогда предложите еще варианты
0
ѪѦѢ
 Аватар для SlavAz
599 / 168 / 5
Регистрация: 19.08.2011
Сообщений: 665
Записей в блоге: 3
10.01.2013, 11:29
Sergio Aguero, CSS3 Animation Отсутствие поддержки IE устраивает?

Цитата Сообщение от Sergio Aguero Посмотреть сообщение
меня не интересует js и прочие библиотеки яваскриптовские.
я написал вполне понятно что меня интересует только хтмл 5
И вам вполне понятно написали, что на html5 этого не сделать.
0
 Аватар для Sergio Aguero
452 / 443 / 21
Регистрация: 11.04.2012
Сообщений: 2,076
10.01.2013, 12:09  [ТС]
Цитата Сообщение от SlavAz Посмотреть сообщение
И вам вполне понятно написали, что на html5 этого не сделать.
да понял я уже, не дурак вроде
как на ксс 3 замутить??
0
 Аватар для Rodion2703
24 / 20 / 5
Регистрация: 06.01.2013
Сообщений: 819
10.01.2013, 14:51
http://sq6.ru/be3i

Вот там наглядно всё есть

Не по теме:

Лучше самому мне кажется погуглить:) просто набираете: смена картинок css

0
ѪѦѢ
 Аватар для SlavAz
599 / 168 / 5
Регистрация: 19.08.2011
Сообщений: 665
Записей в блоге: 3
10.01.2013, 15:29
Sergio Aguero, а конфеты тоже за вас кушать?

Добавлено через 12 минут
вот хорошее слайд шоу

Алгоритм примерно такой: в div background ставишь первую картинку, вторую поверх тегом img и к img применяешь анимацию на исчезновение и появление через нужный промежуток времени.
0
 Аватар для Rodion2703
24 / 20 / 5
Регистрация: 06.01.2013
Сообщений: 819
10.01.2013, 15:56
Мне кажется надо еще opacity сделать у задней картинки. Вдруг она например шире чем та, которая впереди?
0
ѪѦѢ
 Аватар для SlavAz
599 / 168 / 5
Регистрация: 19.08.2011
Сообщений: 665
Записей в блоге: 3
10.01.2013, 18:37
Rodion2703, Отчасти верно подмечено. А если ещё посидеть и подумать имея все исходные данные, то возможно найдется ещё пара нюансов. Например: меньшую проще было бы оставлять всегда позади - меньше кода и выше производительность. Конечно при условии, что она меньше по всем параметрам.
0
 Аватар для Sergio Aguero
452 / 443 / 21
Регистрация: 11.04.2012
Сообщений: 2,076
10.01.2013, 18:40  [ТС]
Цитата Сообщение от SlavAz Посмотреть сообщение
Sergio Aguero, а конфеты тоже за вас кушать?

Не по теме:

было бы неплохо :D

0
10.01.2013, 18:50

Не по теме:


Цитата Сообщение от SlavAz Посмотреть сообщение
Sergio Aguero, а конфеты тоже за вас кушать? :D
Цитата Сообщение от Sergio Aguero Посмотреть сообщение
было бы неплохо :D
Я!!! Я согласна!! Присылайте:)

1
 Аватар для Sergio Aguero
452 / 443 / 21
Регистрация: 11.04.2012
Сообщений: 2,076
10.01.2013, 19:21  [ТС]
Taatshi,

Не по теме:

лови "лайк" вместо конфетки :D;)

0
10.01.2013, 19:45

Не по теме:

Taatshi, Елена, право дело, а я и не знал что вы сладкоежка :)

0
47 / 47 / 6
Регистрация: 10.05.2012
Сообщений: 236
12.01.2013, 23:25
Лучший ответ Сообщение было отмечено как решение

Решение

Только CSS3

CSS+JS
3
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
12.01.2013, 23:25
Помогаю со студенческими работами здесь

Как реализована смена картинок в логотипе
Добрый день. Подскажите как технически реализована смена картинок в фоне логотипа на этом сайте http://www.moscsilk.ru/. Написал в этом...

Простая галерея: смена картинок по клику
Есть простая галерея из нескольких фото. <center> <div class="a1"> <img src="фото/1.jpg" width="55%"> ...

Плавная смена картинок при нажатии на ссылки
Доброго времени суток. Перед тем, как создавать тему, внимательно ознакомился с другими похожими вопросами на форуме, но так и не нашел...

Смена картинок с плавным переходом между ними
Уважаемые! Весь интернет перерыл мне нужен скрипт как на 3-4 изображения, только переход был плавный с заменой на другую фотку. Я так думаю...

Автоматическая смена фоновых картинок через определённое время
Здравствуйте, я использую better discord, который поддерживает широкую кастомизацию любых элементов средствами CSS. Задача сложная -...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
15
Ответ Создать тему
Новые блоги и статьи
Философия технологии
iceja 01.02.2026
На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .
SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf
8Observer8 01.02.2026
Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .
SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли
8Observer8 30.01.2026
Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm
8Observer8 30.01.2026
Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .
SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 29.01.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .
Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT
bedvit 28.01.2026
Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .
SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 28.01.2026
Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .
SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL3_image
8Observer8 27.01.2026
Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru