Некорректно отображаются картинки в html-страницах

Некорректно отображаются картинки в html-страницах

от Irina Kantorovich -
Количество ответов: 2

Здравствуйте!

Помогите, пожалуйста!

Ранее создавала html-страницы в Мудл-1 путем изменения адресов и текстов в готовом шаблоне страницы.

В частности, при нажатии на картину появлялось ее увеличенное изображение. Пример здесь:

http://iclass.home-edu.ru/pluginfile.php/173019/mod_resource/content/0/urok7/urok7.htm

(Если не откроется сразу - нажать на кнопку "Зайти гостем".)

Теперь курс переведен в Мудл-2. Но мне еще надо создать ряд урокв (html-страниц).

Я делаю все, как ранее, при помощи старого шаблона. В результате картины или не отображаются на основной странице (Караваджо), либо не увеличиваются (Каваллино) - хотя код один. Пример здесь:

http://iclass.home-edu.ru/file.php/567/urok32/urok32.htm

Как сделать так, чтобы картины были видны и увеличивались?

Спасибо!

В ответ на Irina Kantorovich

Re: Некорректно отображаются картинки в html-страницах

от Vadim Tabunshchik -
Изображение пользователя Developers

Ирина, что касается рисунка "(Каваллино)", то у вас там не хватает кавычки в коде js-скрипта:

<span class="mylink" onclick="javascript:window.open('pictures/Bernardo_Cavallino_-_St_Peter_and_Cornelius_the_Centurion_-_WGA04598.jpeg','','scrollbars=yes,width=997, height=732вот тут нужно закрыть одинарную кавычку)">

Касательно "Караваджо", посмотрите, есть ли действительно этот рисунок в указанном каталоге (pictures/karav-jo_obr_Pavla.tiff). По-моему, он просто отсутствует, его сервер найти не может улыбаюсь

Кроме того, HTML-код можно оптимизировать, например у вас:

<span class="mylink" onclick="javascript:window.open('pictures/dzhesto_di-men-i_brak_kane.jpg','','scrollbars=yes,width=900, height=655')">
<img vspace="10" hspace="10" height="350" align="left" alt="Увеличить изображение" src="pictures/dzhesto_di-men-i_brak_kane.jpg"></span>

А я бы написал так:
<img style="cursor:pointer;" onclick="javascript:window.open('pictures/dzhesto_di-men-i_brak_kane.jpg','','scrollbars=yes,width=900, height=655')" vspace="10" hspace="10" height="350" align="left" alt="Увеличить изображение" src="pictures/dzhesto_di-men-i_brak_kane.jpg">
 
Можно ещё добавить title="Увеличить изображение", тогда при наведении курсора появится подсказка "Увеличить изображение".
Не нужны никакие span-ы, т. к. события js-скрипта (onclick) можно применять прямо к объекту (рисунку), и не нужен файл стилей mylink.css (убираем в HTML-ке строку <link href="urok7_files/mylink.css" rel="stylesheet" type="text/css">), а к нужному рисунку применяем встроенный стиль style="cursor:pointer;"

Тем более, что в mylink.css строки text-decoration: underline; и color: #990099; - лишние (к рисунку их применять нет смысла)
 

 

 

В ответ на Vadim Tabunshchik

Re: Некорректно отображаются картинки в html-страницах

от Irina Kantorovich -

Здравствуйте, Владиммир!

Большое Вам спасибо! Всё получилось.

Вы просто фантастически понятно и наглядно всё разъясняете! 

Всего Вам самого доброго, Ирина.