Some CSS и JavaScript PrinciplesOne изображение может отображаться на той же веб-страницы, более чем тегов изображения. Какие вопросы для отображения конкретное изображение является значение (URL) из исходного атрибута. Вы можете использовать JavaScript (DOM) и изменить это значение для тега изображения. Тег изображение может иметь много атрибутов и значений. Если вы измените только значение, исходного атрибута тега изображения, изображение тег отображения изменится. Тем не менее, новый образ будет иметь те же свойства CSS (размер, например), как в предыдущем image.
ExampleThere различные конструкции для изображений. Я буду использовать простой пример. Потом, вы можете изменить код в соответствии с вашим коммерческий проект. В этом примере есть пять маленьких изображений в веб-страницы. При нажатии маленькое изображение, его увеличенная форма появляется выше на странице. Пять изображения в строке. LayoutWhenever элементы веб-страницы в виде сетки, строки или столбца, вы можете использовать HTML-элемент таблицы. Таким образом, для данного примера, необходимо две таблицы. Первый выше на веб-странице имеет одну строку и три ячейки.
Первая ячейка может иметь какой-нибудь текст. Вторая ячейка имеет увеличенное изображение, а третий элемент может иметь какой-нибудь текст. Вторая таблица имеет одну строку, но с пятью клетками для пяти маленьких изображений. Все маленькие изображения имеют одинаковый размер. Существует только один большой образ, который является увеличенное изображение. Это HTML-код для элементов таблицы: Часть текста может идти текст here.Some может перейти here.src = "img2.
jpg" OnClick = "увеличить (событие)"