Изображения, които се променят, за да показват различно когакурсорът ви е разположен над него, се наричат Rollover Images. Те са страхотен начин да покажете продукти или да направите съдържанието по-интерактивно за посетителите. Тези изображения са широко използвани в маркетинговите имейли, както и там, където може би са по-малко добре дошли. Изображенията са създадени с CSS и HTML, но ако търсите прост метод, базиран на потребителски интерфейс, за да ги създадете, Инструментът за преобръщане на FreshInbox е това, от което се нуждаете.
Преди да започнете, уверете се, че имате дветеизображения, които искате да включите в изображението на преобръщане. От двете изображения едното ще се появи, когато курсорът не е разположен върху него, докато другото ще се появи, когато курсорът се придвижи към изображението. Вашите изображения могат да бъдат във формат PNG или JPG. Качете ги в облачно устройство или услуга за споделяне на изображения като Imgur и след това преминете към инструмента за преобръщане на FreshInbox.
В основния URL адрес на изображението въведете URL адреса наизображение, което трябва да се появи, когато курсорът на мишката не е разположен върху изображението. Посочете ширината и височината на изображението и в алтернативния URL адрес на изображението въведете URL адреса на изображението, който ще се появи, когато курсорът е разположен върху него.
След това въведете URL адрес за пренасочване в полето „Връзка“. Ако потребител кликне върху вашето изображение за преобръщане, той ще бъде отведен до URL адреса, който въвеждате тук. Въведете ALT текст и щракнете върху „Генериране. Ще видите предварителен преглед на изображението и ще получите кодове за добавяне на изображението към вашия уебсайт или имейл.
Ако искате изображението да е отзивчиво, активирайтеопцията „Мащабиране на изображението по ширина на контейнера“, но го правите само ако знаете как да работите с контейнери. Оставете опцията без отметка за нормално изображение за преобръщане. За да го вмъкнете в имейл или уеб страница, копирайте кода и го поставете вътре в маркера, който е предназначен, т.е. Заглавие за имейл и Body за уеб страница. Това е всичко, което е необходимо, за да се направи преобръщане на изображение.
Посетете инструмента за преобръщане на FreshInbox
Коментари