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.

Başlıksız İçerik______________________

Resim üzerinde map ile seçmemiz gereken kısım

Başlıksız İçerik______________________

Seçiceğimiz kısımın büyütülmüş hali(150px * 190px)
Başlıksız İçerik______________________

Daha sonra 150px genişleğinde 190px yüksekliğinde bir ap divi çizeriz.
Başlıksız İçerik______________________

Sonra o dive büyütülmüş resmimizi ekleriz.

Başlıksız İçerik______________________

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.

Başlıksız İçerik______________________

Resim üzerinde map ile büyütüceğimiz kısımı seçeriz.


Başlıksız İçerik______________________

Daha sonra behaviors kısmından efects menüsünden grow/shrinki seçeriz.
Başlıksız İçerik______________________

Target elementi  apDivimizi seçeriz.
Effecti grow yaparız.
Ve en alt bölümden de toggle effecti işaretleriz.


Başlıksız İçerik______________________

Default olarak ayarlanmış olan Mouse Click olayını Mouseover olayına çeviririz.

Başlıksız İçerik______________________

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.

Başlıksız İçerik______________________

Biraz bekledikten sonra  resmin büyük haline ulaştığını görmekteyiz.

Başlıksız İçerik______________________Başlıksız İçerik______________________

KAYNAK : Şafak ÇIPLAK
 

Yorumunuzu Ekleyin


Yükleniyor...
Yükleniyor...