Dreamweaver Behaviors Kullanarak Ufak Resmi Mouse Üzerine Geldiğinde Aynı Pencerede Büyütmek

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

Dreamweaver Behaviors kullanarak ufak resmi mouse üzerine geldiğinde aynı pencerede büyütmek
Resmimizi Image’den ekliyoruz.

Dreamweaver Behaviors kullanarak ufak resmi mouse üzerine geldiğinde aynı pencerede büyütmek
Resmimizi ekledikten sonra resmi seçip map bölümünden büyüklerinin çıkmasını istediğimiz resimleri kare içine alıyoruz.

Dreamweaver Behaviors kullanarak ufak resmi mouse üzerine geldiğinde aynı pencerede büyütmek
Resimlerimizi map özelliğiyle çerçeveledik.

Dreamweaver Behaviors kullanarak ufak resmi mouse üzerine geldiğinde aynı pencerede büyütmek
Her kare için bir div ekliyoruz.

Dreamweaver Behaviors kullanarak ufak resmi mouse üzerine geldiğinde aynı pencerede büyütmek
Bu divler içine gerekli büyük resimleri düzgün bir şekilde yerleştiriyoruz.

Dreamweaver Behaviors kullanarak ufak resmi mouse üzerine geldiğinde aynı pencerede büyütmek
Map aracılığıyla çerçevelediğimiz resimlerden bir tanesini mouse ile seçiyoruz.

Dreamweaver Behaviors kullanarak ufak resmi mouse üzerine geldiğinde aynı pencerede büyütmek
Behaviors / Effects / Squish yollarını izliyoruz. İstediğimiz şekilde başka efektlerde kullanabiliriz.

Dreamweaver Behaviors kullanarak ufak resmi mouse üzerine geldiğinde aynı pencerede büyütmek
O resim hangi divin içinde ise onu seçiyoruz.

 

ÇALIŞMASI;
Dreamweaver Behaviors kullanarak ufak resmi mouse üzerine geldiğinde aynı pencerede büyütmek
Tıkladığımızda ortada genişleyerek resim büyür.

Dreamweaver Behaviors kullanarak ufak resmi mouse üzerine geldiğinde aynı pencerede büyütmek

Dreamweaver Behaviors kullanarak ufak resmi mouse üzerine geldiğinde aynı pencerede büyütmek
Ve son hali.


Hazırlayan Çağrı KASAPOĞLU

Yorumunuzu Ekleyin


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