Яндекс-фотки и слайдер для сайта

Сегодня мы будем создавать слайд-шоу для своего сайта и устанавливать картинки не загружая в медиабиблиотеку. Этим мы значительно снизим нагрузку на сервер, уменьшим скорость загрузки страниц и освободим место на сайте. Если у вас пока нет своего сайта, то можно перейти на сайт и оформить заказ.

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

Зайдите в свою почту и найдите вверху страницы слово Фотки. Нажмите на эту ссылку и перейдите на сервис.

Здесь жмите синюю кнопку Загрузить фотки.

Добавляйте фотографии с своего компьютера на сервис сразу несколько штук, или по-одной.

Далее выполните Шаг 2 и оптимизируйте изображение. В настройках третьего шага можно проставить галочки в нужных пунктах, есть ограничение публикации картинок. Четвёртым шагом выберите альбом, в котором будет находиться изображение, или создайте новый альбом.

После того, как вы загрузили фотографии, просмотреть их можно нажав на Мои фотки. Теперь выберите тот альбом, который будет вашим слайд-шоу на сайте. В строке с названием альбома нажмите на ссылку Слайд-шоу и перейдите на страницу.

Под блоком картинок нажмите на строчку «Код для вставки на сайт или в блог», скопируйте код и вставляйте в нужное место статьи на вашем сайте в HTML режиме. Слайдер очень удобен тем, что при добавлении картинок в альбом на сервис Яндекс-фотки, они автоматически будут транслироваться на вашем сайте. И не придётся заново копировать и вставлять код слайдера.

Для того, чтобы вставить или сменить одну картинку кликните на неё в альбоме, также скопируйте код и вставьте в HTML редакторе. Только здесь нужно будет убрать внешнюю ссылку на сервис.

Это интересно:  Что такое торрент и как им пользоваться - инструкция для новичков

К примеру возьмём вот такой код картинки:

Посмотреть на Яндекс. Фотках

Нужно удалить то, что выделено зелёным цветом.

Дальше в визуальном редакторе нажимайте на картинку и оптимизируйте её. Вот так всё просто.

Есть два минуса — 1. если вы поставите такую картинку в начале статьи, как у меня, текст будет начинаться не рядом с изображением, а сразу после него; 2. фотки некликабельные. Но на этот случай я сжимаю свои картинки на чудесном сервисе PuniPNG. Изображение становится легче почти в два раза и без потери качества! Там можно сжать за один раз до 15 фотографий. Я пользуюсь этим сервисом, очень рекомендую.

Желаю вам творческих успехов!

Ссылка на основную публикацию
Adblock
detector