Слайдер



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

Как создать такой слайдер на сайте? Есть разные пути реализации. Я расскажу, как делается такой слайдер, пожалуй, самым простым путем, без использования других сервисов.

Итак, что нужно для создания слайдера? 

  1. Подготовьте несколько картинок в формате .jpg или .png одинакового размера так, чтобы они умещались по ширине на страницу сайта. Обязательно назовите их именами slide1, slide2 и т.д. Для создания слайдера, расположенного на этой странице, я использовала 5 картинок формата .png размером 700х255 пикселей.
  2. Загрузите картинки на ваш сайт. Для этого перейдите по меню Еще - Управление сайтом - Приложения. На этой странице представлено файловое хранилище вашего сайта. Здесь находятся все файлы (картинки и файлы других форматов), которые вы размещали на страницах, прикрепляли в разделах Приложения и Файловый менеджер. Для загрузки картинок для слайдера кликните по кнопке Загрузить и выберите сразу все картинки в папке, где они хранятся. Картинки загрузятся на сайт:
  3. Откройте в режиме редактирования страницу сайта, на которой вы хотите разместить слайдер, и выберите Вставка - Дополнительные гаджеты - Добавить гаджет по URL. Вставьте следующий адрес гаджета: http://hosting.gmodules.com/ig/gadgets/file/100809323395134262586/slideshow1.xml и нажмите Добавить.
  4. В настройках гаджета укажите:
    • путь к изображениям: полный адрес вашего сайта (к главной странице). Например, для данного сайта это адрес: https://sites.google.com/site/sitecrenavdes;
    • количество изображений, их ширину, высоту и формат;
    • параметры окна слайдера: ширину и высоту (лучше выбрать по размеру изображений), галочки режимов отображения.
  5. Нажмите Хорошо или Ок. Сохраните страницу и любуйтесь слайдером :-)