Obrázky, které se při umístění kurzoru změní na jiný, se nazývají obrázky při převrácení. Jsou skvělým způsobem, jak předvést produkty nebo učinit obsah interaktivnějším pro návštěvníky. Tyto obrázky jsou široce používány také v marketingových e-mailech, kde jsou možná méně vítány. Obrázky jsou vytvořeny pomocí CSS a HTML, ale pokud hledáte jednoduchou metodu pro jejich vytvoření založenou na uživatelském rozhraní, potřebujete nástroj Rollover od FreshInboxu.
Než začnete, ujistěte se, že máte dva obrázky, které chcete zahrnout do obrázku při přechodu. Ze dvou obrázků se jeden objeví, když nad ním není umístěn kurzor, zatímco druhý se objeví, když se kurzor přesune na obrázek. Vaše obrázky mohou být ve formátu PNG nebo JPG. Nahrajte je na cloudovou jednotku nebo službu pro sdílení obrázků, jako je Imgur, a poté přejděte na nástroj Rollover FreshInbox.
Do pole Adresa URL primárního obrázku zadejte adresu URL obrázku, který se má zobrazit, když kurzor myši není umístěn nad obrázkem. Zadejte šířku a výšku obrázku a do adresy URL alternativního obrázku zadejte adresu URL obrázku, která se zobrazí, když na něj umístíte kurzor.
Dále do pole „Odkaz“ zadejte adresu URL přesměrování. Pokud uživatel klikne na váš náhledový obrázek, bude přesměrován na adresu URL, kterou zde zadáte. Zadejte text ALT a klikněte na „Generovat“. Vpravo uvidíte náhled obrázku a získáte kódy pro přidání obrázku na váš web nebo e-mail.
Pokud chcete, aby byl obrázek responzivní, povolte možnost „Přizpůsobit obrázek šířce kontejneru“, ale udělejte to pouze v případě, že víte, jak s kontejnery pracovat. Ponechte tuto možnost nezaškrtnutou pro normální obrázek při převrácení. Chcete-li jej vložit do e-mailu nebo webové stránky, zkopírujte kód a vložte jej do značky, pro kterou je určen, tj. nadpis pro e-mail a tělo pro webovou stránku. To je vše, co je potřeba k vytvoření obrázku převrácení.
Navštivte nástroj Rollover společnosti FreshInbox