Ответим на Ваши вопросы по созданию сайта, по регистрации домена, по подготовке текста и изображений для сайта.

главная
контакты

вернуться в раздел Вопросы и ответы

Вопрос по работе с FCKeditor'ом. Как сделать графическую ссылку с маленьким рисунком, чтобы по клику на него открылось увеличенное изображение, если я не знаю html

Рассмотрим случай, когда изображения не загружены на сервер

1. Подготовить изображения: большое изображение высотой 500px и маленькое изображение высотой 200px. Размеры условные для примера, у Вас могут быть другие размеры изображений. Разместить эти изображения на своем компьютере в папке d:\load (неважно как она называется, нужно запомнить ее название).
   
   

   Загрузка маленького изображения на сервер

2. Открыть редактор, чтобы загрузить изображение на сервер. Нажать кнопку для вставки изображения
   
   
3. Откроется форма "Свойства изображения"
   
   
4. Открыть закладку "Закачать".
   Затем с помощью кнопки [Обзор] открыть на своем компьютере папку с рисунками d:\load
   Выбрать маленький рисунок и нажать кнопку [Послать на сервер].
   
   
5. Вы получите сообщение:
   Your file has been successfully uploaded
   
   Это означает, что маленькое изображение уже находится на сервере.
   
   

   Сохранение маленького изображения на странице сайта

6. В открывшемся окне заполните:
   альтернативный текст (напишите кратко, что изображено на рисунке): Раскраска Bambi;
   горизонтальный и вертикальный отступ, например по 10
   
   
7. Нажмите кнопку [OK], расположенную в нижней части окна - теперь маленькое изображение размещено на макете страницы.
8. Сохраните макет страницы - нажмите кнопку [Отправить запрос]. После этого изменение макета сохранено в базе данных и маленькое изображение появится на странице сайта.
   
   

   Загрузка большого изображения на сервер (и копирование адреса для будущей ссылки)

9. Для загрузки большого изображения выполните с ним действия, описанные в пунктах 2 — 5
   Получите сообщение:
   Your file has been successfully uploaded
   
   которое означает, что большое изображение уже находится на сервере.
   В открывшемся окне не нужно заполнять поля (Альтернативный текст и т.д.)
   
   
10. Нужно скопировать значение поля URL (в нашем примере это; /uploaded/fcke/raskraski44Bambi.jpg)
    
11. Затем нужно нажать кнопку [Отмена] в правом нижнем углу окна (большое изображение мы не помещаем на страницу, а только загружаем на сервер, см. п.9) .
    
    

    Создание ссылки (при клике на маленькое изображение, должно открыться большое изображение в отдельном окне)

12. Кликнуть по маленькому изображению, оно будет выделено (квадратики по периметру).
    
    Кликнуть по кнопке редактора [Вставить/Редактировать ссылку]:
    
    
13. В открывшемся окне нужно вставить в поле URL адрес ссылки, который мы запомнили в пункте 10.
    
    
14. нажмите кнопку [OK], расположенную в нижней части окна - теперь ссылка размещена на макете страницы.
    
    
15. Сохраните макет страницы - нажмите кнопку [Отправить запрос] - теперь ссылка сохранена в базе данных и будет работать на сайте.
    Работающий пример можно посмотреть на странице

При использовании материалов сайта, поставьте ссылку на наш сайт itCafe.ru