Map Ve İç Pencere Açmak
Dreamweaver behaviors kullanarak bir resim üzerindeki map ile belirlediğiniz alanlara fare gelince o alanla ilgili daha büyültülmüş bir resmi ekrana çıkaran uygulama. Daha büyük resim yeni web sayfası açılmadan gözükmektedir.
Dreamweaver Behaviors örneği:
![Dreamweaver Behaviors örneği](/rs/ic/gi_1492_0.jpg?79)
Öncelikle sayfamızın içine bir Div ekliyoruz.Ardından Div eklediğimiz yere bir resim yerleştiriyoruz.
![Dreamweaver Behaviors Örneği](/rs/ic/gi_1492_1.jpg?8)
Resmimizi ekledikden sonra hangi alanın üzerine gelince büyümesini istiyorsak oraya aşağıdaki gibi "image map" ekliyoruz.Ben örnek olarak çitanın kafasını map içerisine aldım.
![Dreamweaver Behaviors Örneği](/rs/ic/gi_1492_2.jpg?86)
Resimdeki gibi çitanın kafasını map içerisine aldıktan sonra resmin yanına "Draw AP Div" ekliyoruz ve içerisine çitanın kafasının biraz daha büyük görünen bir resmini ekliyoruz.
![Dreamweaver Behaviors Örneği](/rs/ic/gi_1492_5.jpg?21)
Önce AP Div ekliyoruz...
![Dreamweaver Behaviors Örneği](/rs/ic/gi_1492_3.jpg?28)
Bu işlemlerin hepsini yaptıktan sonra çitanın kafasına uyguladığımız map i seçip Behaviors dan Effects-Grow/Shrink seçeneğini seçiyoruz aşağıdaki gibi;
![Dreamweaver Behaviors Örneği](/rs/ic/gi_1492_4.jpg?99)
Grow/Shrink i seçtikten sonra aşağıdaki değerleri uyguluyoruz."Target Element" kısmını aşağıdaki gibi sizde çitanın kafasını büyütülmüş halini koyduğumuz AP Div i seçiniz.
![Dreamweaver Behaviors Örneği](/rs/ic/gi_1492_6.jpg?43)
Efektimizi verdikten sonra Behaviors panelinden aşağıdaki gibi Grow/Shrink efektinin yanındaki menüden "onMouseOver" seçeneğini seçiyoruz.
![Dreamweaver Behaviors Örneği](/rs/ic/gi_1492_7.jpg?77)
Tüm bu işlemleri uyguladıktan sonra örneğimiz tamamlanmış oldu.Aşağıdaki gibi mouse la çitanın kafasının üzerine geldiğimiz zaman otomatik olarak yanda çitanın kafasının büyütülmüş hali ekrana gelecektir.
![Dreamweaver Behaviors Örneği](/rs/ic/gi_1492_8.jpg?21)
Kaynak İbrahim Ülker
Yorumunuzu Ekleyin