Dreamweaver Behaviors Kullanarak Bir Resim Üzerindeki Map İle Çalışmak
Belirlediğiniz alanlara fare gelince o alanla ilgili daha büyültülmüş bir resmi ekrana çıkaran uygulama
Resmi dreamweavera ekleriz.
Resim üzerinde map ile seçmemiz gereken kısım
Seçiceğimiz kısımın büyütülmüş hali(150px * 190px)
Daha sonra 150px genişleğinde 190px yüksekliğinde bir ap divi çizeriz.
Sonra o dive büyütülmüş resmimizi ekleriz.
Daha sonra ap divini seçeriz ve sağ panelden css altından style ‘ ı acarız ordan resmin büyük halini göstereceğimiz divi seçeriz örneğin benim anlattığım örnekte bu : apDiv2 dir. apDiv2 nin display özelliğini none yaparız.
Resim üzerinde map ile büyütüceğimiz kısımı seçeriz.
Daha sonra behaviors kısmından efects menüsünden grow/shrinki seçeriz.
Target elementi apDivimizi seçeriz.
Effecti grow yaparız.
Ve en alt bölümden de toggle effecti işaretleriz.
Default olarak ayarlanmış olan Mouse Click olayını Mouseover olayına çeviririz.
Fareyi daha önceden maple belirlemiş olduğumuz seçili alana getirdiğimizde resim büyümeye başlar. Sağ köşede bunu göstermeye çalıştım.
Biraz bekledikten sonra resmin büyük haline ulaştığını görmekteyiz.
KAYNAK : Şafak ÇIPLAK
