Слике које се мењају да би приказале другу када се курсор постави преко ње називају се слике преокретања. Они су сјајан начин да се представе производи или садржај буде интерактивнији за посетиоце. Ове слике се такође широко користе у маркетиншким имејловима где су можда мање добродошле. Слике се креирају помоћу ЦСС-а и ХТМЛ-а, али ако тражите једноставну методу засновану на корисничком интерфејсу да бисте их креирали, ФресхИнбок-ов алат за Ролловер је оно што вам треба.
Пре него што почнете, уверите се да имате две слике које желите да укључите у слику преокретања. Од две слике, једна ће се појавити када курсор није постављен преко ње, док ће се друга појавити када се курсор помери на слику. Ваше слике могу бити у ПНГ или ЈПГ формату. Отпремите их на клауд диск или услугу за дељење слика као што је Имгур, а затим пређите на ФресхИнбок-ов алат за преокретање.
У УРЛ примарне слике унесите УРЛ адресу слике која треба да се појави када курсор миша није постављен преко слике. Одредите ширину и висину слике и у УРЛ Алтернативне слике унесите УРЛ слике који ће се појавити када се курсор постави преко ње.
Затим унесите УРЛ за преусмеравање у поље „Линк“. Ако корисник кликне на вашу слику преокрета, биће одведен на УРЛ који овде унесете. Унесите АЛТ текст и кликните на „Генериши“. Видећете преглед слике са десне стране и добити кодове за додавање слике на своју веб локацију или е-пошту.
Ако желите да слика одговара, омогућите опцију „Скалирај слику према ширини контејнера“, али то урадите само ако знате како да радите са контејнерима. Оставите опцију неозначену за нормалну слику превртања. Да бисте га убацили у е-поруку или веб страницу, копирајте код и налепите га унутар ознаке за коју је намењена, тј. Наслов за е-пошту и Тело за веб страницу. То је све што је потребно да бисте направили слику која се окреће.
Посетите ФресхИнбок-ов алат за преокретање