2010-11-21 17 views
0

Bazı küçük resimlerim var ve her birinin farklı bir bağlantı olmasını istiyorum. Aşağıdaki kod genellikle çalışıyor:Resim map devre dışı <A> etiketi görüntüleniyor

<a href=#><img src=# /></a> 

Ancak, ben her bir resim haritası (üzerinde fare şekilde küçük resim değişiklikleri) küçük resim yaptı. Şimdi, <a> etiketini nereye koyduğum önemli değil, görüntü bir bağlantı olmayı reddediyor. Resmi çevreleyen div üzerinde JavaScript'i bile kullanıyorum. Görüntünün altında bir başlık (<span> etiketinde) olduğunu belirtmek gerekir. Bu bir bağlantı olarak iyi çalışır.

Bu resmi hem bağlantı hem de harita olarak nasıl edinebilirim?

cevap

0

Hmm,

Eh, resim haritası <a> etiketine özel bir alternatiftir ... bkz.

Eğer bu tür davranışları kullanmak istiyorsanız, ben ayrı onMouseOver işleyicisi ile görüntü üzerinde 3 div'leri her oluşturarak önermek ve onClick davranışı elde etmek <img> elemanı etrafında <a> etiketi bırakacağım.

İkinci alternatif olarak, yalnızca onMouseOver olay işleyicisiyle değil, aynı zamanda onClick olay işleyicisiyle ve tek işlevle işlem tıklatılarak divları genişletebilirsiniz.

+0

"Eh, resim haritası etiketlemek için özel bir alternatiftir." Yani, bunu bir harita ile yapmanın bir yolu yok mu? – Nathan

+0

Teşekkürler, tavsiyenize dayanarak, JS tetikleyicileri ile üç div 'sütun' yaptım ve iyi çalışıyor. – Nathan

2

Görüntü haritalarını neden kullanıyorsunuz? Bu tür davranışlar için görüntü haritalarının kullanılmasına gerek yoktur.

+0

Netleştirmeme izin ver: Görüntüyü üç bölgeyi tanımlamak için kullanıyorum. Farenizi görüntü boyunca hareket ettirdiğinizde, her 'sütun' içinden geçer. Her sütun, bu resmi değiştirmek için bir JS işlevini tetikler. Yani, farenizi görüntüye doğru hareket ettirdiğinizde, üç kez değişir. Bunu gördüyseniz iPhoto gibi bir şey. Fotoğraf websitesi yapıyorum ve bu küçük resimler bir galeriyi temsil edecek. İnsanlar küçük resmin üzerine geldikçe, bu galeride başkalarının neler olduğuna dair önizleme yapmak için değişir. – Nathan

İlgili konular