CoffeeCup Image Mapper bir görüntünün belirli konumlara birden çok bağlantı (ya da hotspot) belirtmek ve bir belge veya web sitesine işaret verir. Mouseover metin, ALT metni, bağlantılar ve daha fazlasını oluşturun. JPG, PNG ve GIF görüntü formatlarını destekler!
Peki nasıl çalışır? Diyelim ki kapmak için birkaç adet ile mobilya satıyorsanız diyelim. Bir resim öğeleri Vitrin. Sonra tasarım araçlarını kullanarak, belirli bir öğe üzerinde bir taslak çizmek ve buna bir web sitesi adresi atamak. Birisi bir mobilya parçası tıkladığında Şimdi, onlar daha fazla bilgi için onunla ilişkili web sayfasına yönlendirilirsiniz.
Haritalar, kurumsal takım fotoğrafları, akış şemaları, sanat galerileri ve daha fazlası gibi görüntü diğer türleri için aynı tekniği uygulayın. Oldukça harika değil mi? :)
Duyarlı Görüntü Haritalar olan Mobil Kullanıcılar için Dostu
trafiğin 51 üzerinde% mobil cihazlardan geliyor, size duyarlı olmaya görüntü haritaları güncellemek önemlidir. Bu onları daha hızlı, daha kolay ve daha küçük ekranlar izleyiciler için gezinmek için daha işlevsel hale getirir. Bağlantıyı ayarlar duyarlı görüntü haritaları uygun ekran genişliğine dayalı koordinatları. Ancak, akılda tutulması gereken bir şey mobil cihazlar hover / mouseover fareyi veya araç ipuçları için izin kalmamasıdır. Bu nedenle, siz yaratıcı resim haritası kullanıcıları içgüdüsel nasıl kullanılacağını bilecek nasıl çalıştığını yeniden düşünmek gerekir.
Bunu nasıl yapabilirim? Kolay. Onlar dokunabilir tokuş neler işaret (görüntünün kendisi eklemek veya hatta) Haritada yakın bir "anahtar" o "Legend" göstererek mobil cihazlar üzerinde görüntü haritası daha işlevsel hale. Örneğin, burada katalogda satışı için bazı mobilya vitrinde mobilya katalog. Biz 8 ürün tanımlamak için resmin altındaki metni yerleştirilir. Ek gösterge de kaynak görüntüye uygulanmıştır. Bu yardımlar mobil izleyiciler dokunmatik ne olduğunu bilmek yardımcı olur. Bu öğelerden herhangi dokunarak, size benzer öğeler için katalog göz nerede bir sayfaya yeniden yönlendirileceksiniz.
Gereksinimleri
IE 9 veya üstü
Sınırlamalar
Sınırlı işlevsellik
Yorum Bulunamadı