Farklı bir görüntüyü gösterecek şekilde değişen görüntülerimleciniz üzerine getirilir Rollover Görüntüleri. Ürünleri sergilemenin ya da içeriği ziyaretçiler için daha etkileşimli hale getirmenin harika bir yoludur. Bu görüntüler pazarlama e-postalarında ve belki de daha az bekledikleri yerlerde yaygın olarak kullanılmaktadır. Görüntüler CSS ve HTML ile oluşturulur, ancak bunları oluşturmak için basit bir UI tabanlı yöntem arıyorsanız, FreshInbox’ın Rollover aracı ihtiyacın olan şey.
Başlamadan önce, ikisine sahip olduğunuzdan emin olun.rollover görüntüsüne eklemek istediğiniz görüntüler. İki görüntüden biri, imleç üzerine getirilmediğinde biri, imleç görüntüye hareket ettiğinde belirecektir. Resimleriniz hem PNG hem de JPG formatında olabilir. Onları Imgur gibi bir bulut sürücüye veya resim paylaşım hizmetine yükleyin ve ardından FreshInbox’ın Rollover aracına gidin.
Birincil Resim URL’sine, URL’nin URL’sini girin.fare imleci görüntünün üzerine getirilmediğinde görünmesi gereken görüntü. Resmin genişliğini ve yüksekliğini belirtin ve Alternatif Resim URL'sinde, imleç üzerine getirildiğinde görünecek resmin URL'sini girin.
Sonra, ‘Link’ kutusuna bir yönlendirme URL’si girin. Bir kullanıcı rollover resminizi tıklarsa, buraya girdiğiniz URL’ye yönlendirilir. ALT metnini girin ve ‘Generate tıklayın. Görüntünün sağında bir önizleme göreceksiniz ve görseli web sitenize veya e-postaya eklemek için kodlar alacaksınız.
Resmin duyarlı olmasını istiyorsanız, etkinleştirinimage Resmi kabın genişliğine ölçeklendir ’seçeneği ancak yalnızca kaplarla nasıl çalışılacağını biliyorsanız bu işlemi yapın. Normal bir rollover görüntüsü için seçeneği işaretlemeden bırakın. Bir e-postaya veya web sayfasına eklemek için, kodu kopyalayın ve örneğin e-postaya, web sayfasına da Gövde başlığına yönelik etiketinin içine yapıştırın. Bir rollover görüntüsü oluşturmak için gereken her şey bu.
FreshInbox’ın Rollover aracını ziyaret edin
Yorumlar