etleri yer yüzden bir görüntüyü açmak izin verir eleman istediğiniz görüntü yolu kaynak eşit hale mayın Adam Khoury pic yakalamak ve daha sonra biz koyacağım Bu nitelik sadece Adam koyacağız için Aynı şekilde uyuşmuş geniş iki resim bu resim etiketi kapatmak emin olun Bu PC, biz yapmak istiyoruz bu yüzden onun olacak hepsini tam boyutunu göstermek işler o biraz CSS vermek İlk biz sadece her bir görüntü şablonu sınıfa gidersiniz pic bunu adlandırabilirsiniz vardır eşittir Yapmanız gereken bu sınıf alacak bazı mantık

lı asla emin biz koymak Elimizdeki için kazanılan görüntülerin her biri için bölgesindeki özgeçmiş şimdi CSS'si içine öncesinde yukarı gidelim için etkileyebilir ve bir stil kuralı koymak sınıf pic için tamam biz çok basit var ve yüksek mülkiyet söz konusu 250 piksel Şimdi o bakarsak bu yüzden var küçük küçük Pics tamam şimdi siz ikiniz nasıl gülmek bu benim yapacağım bir inanılmaz basit ilki kopya olduğunu ve doğrudan birinci altına ben yere gidiyorum Başka bir diğer kopya ve bunu pic isim gidiyorum Büyük Ben bu iki resim için elimizde aynı yapacağım Eğer sizin normal olan çok basit bir kurulum olduğunu görebiliyorum küçük resim ve ardından sağ doğrudan yanındaki veya altında Şimdi biz be gitmek yapmak zorunda resme size büyük sürümüne sahip CSS şimdi ve pic büyük sınıf için bir stil kuralı kurmak ve burada biz emin olmak istiyorum olduğunu bunlardan her biri pic büyük görüntüler mutlak bir konuma sahip bu sayfada çevresindeki tüm diğer unsurları hareket etmiyor bu şekilde ne zaman genişler ve büyür Sadece başka şeyler yapmadan kendi alanını büyüyen yapabilirsiniz taşındı ve ile isimli emin olun Hatta görünür değil ama orada yol 0 piksel ancak tanık dedi çünkü görünmez değil 20 piksel o zaman geçiş özelliği uygulamalı ve hangi WebKit öneki için kullanıyor şimdi tüm WebKit'te Chrome ve Safari çalışmalar merkezli emin olmak için tarayıcılar ama burada geçiş özelliği için standart sözdizimi biz burada olduğunu olacak zekâ özelliği etkileyecek gidiyoruz ve doğrusal bir şekilde 0,3 saniyeden 0 saniye gidiyor ile gecikme ile geçiş ve 2:10 bir z-index sahip olmak sadece emin Biraz uzaklaştırdınız o resim yapmak sayfasında her şeyin üstünde görüntülenir Eğer 10 daha yüksek z-index ile sayfaya şeyler varsa Sadece geçiş özelliğine yüz falan bu zam tekrar o başladı kadar büyük pic elemanı olarak özelliği ile hedefleme Artık varsayılan olarak 0 piksel ihtiyacımız olan son biraz mantık sınıf sayfada her eleman hedefleyen bir kuraldır pic o Harbor uygulayarak edildi hedeflediğiniz mouseover olay ile liman olay sözde seçici ve biz bitişik kardeş seçici kullanıyorsanız Bu yüzden biz hedef CSS artı işareti görmek Bitişik kardeş biz bizim HTML bakmak Klasik pic tam burada bu elemanlar ve sonra orada komşu kardeş kardeş sağ yanlarında eleman bu kural hedeflediğiniz biridir tatlı sıfır piksel gitmek yapmak 200 piksele nedenle temelde ne zaman küçük küçük pic üzerinde Hubbard ise bu kadar basit olan büyük pic artmaya devam ediyor Bu koymak çünkü ve olacak geçiş animasyon ile olacakları yerine bir satır en o kılan bir göz atalım tamam yani ne istediğinizi Şimdi o remove bu geçiş özelliği ile çalışıyor ve onlar sadece dışarı çıkmalıdır ne olduğunu görün Bir animasyon olmayan ve sizin gibi olmayabilir isteyebilirsiniz animasyon sizin sayfa Laga yapmak olabilir çünkü ne olursa olsun Bir bilgisayarda berbat bir video süreçleri var izleyiciler için bu yüzden sadece basit kaldırıldı olabilir animasyon istemiyorum biz yerde var geçiş özelliği şimdi Şimdi bu tetikleyici hakkında konuşalım javascript şeyler Sadece açlık istemeyebilirsiniz çünkü zaman kullanıcının fare Şimdi yapılması üzerinde tıklama olayını isteyebilirsiniz gezinen Eğer click olayı başka birçok olaylar katına isteyebilirsiniz JavaScript erişim vermez sana o CSS erişim sağlar ne yani bu durumda yapmak için elemanı inmek olduğunu veya yapabilirsiniz javascript bölümünde Advent dinleyicileri kadar ama belgenin de bu elemanın içine gidip ekleyebilirsiniz click olayı ve eşit olun Ben I ateşi istiyorum bir javascript işlevi o gibi bir şey olurdu isim zoom pic açık / kapalı uygulamalar ve sonra işlevi bu yazarsınız Fonksiyon Ben erişim olurdu çalışır yolu çalıştırmak için işlevini çağırıyor bu eleman ve işlevi argüman olarak scooped edilebilir böylece sen axis2 verir hangisi Küçük resim senin javascript işlevi kullanıcı tarafından kısaltıldı ediliyor Şimdi iyi işler de bir sonraki hedef sağlar Kardeş eleman Ben adlı düşünüyorum bir özelliktir Bir sonraki elemanlar Ben bu konuda yanlış olabilir kardeş ama adını düşünüyorum JavaScript özelliğinin yanındaki eleman kardeş dinamik elemanlar benzetme hedef olabilir eleman yanındaki hangisi hedef dinamik eleman yani temelde biz size erişim vermek kırpılmış alıyorum Şimdi zaman hemen yanında büyük pic Bu noktada, bu öğeleri ayarlamak için JavaScript kullanabilirsiniz İstediğiniz ve o oluşmasına neden olur animasyonu ne olursa olsun mülkiyet Bazı neden o sadece orijinal çiftlik yapmaz düşünce olabilir aşk boyutu büyür ve kesinlikle bunu yapabilir ama emin olmak için veya sayfadaki tüm diğer unsurları sağlamak için küçük resim yaparken etrafında atmış alamadım Eğer vermek için bir sürü var başka size daha büyük bir versiyonunu göstermek için yakınlaştırma bu uygulamaya kaplar yani temelde bütün bu konteyner çeşit olması gerekir konumunu sınırlamak ve daha sonra bu pic yapabilirsiniz Bu kap büyümek ve tüm hareket ettirmeden istersen küçültmek teşvik Sayfanın bir satır üzerinde diğer unsurlar bu yüzden sana bir video başında biz farklı yollar için görüşeceklerini Bu animasyonu kurmak Gerçekten bile büyük pic gerekmez Eğer bu büyük resimler kaldırmak ve sadece normal minik olabilir yerini bu domino kapları emin vermek olun onların hareketlerini sınırlamak olacak sayfa kaldır onların konumlandırma olduğunu ve sonra girilen geçiş kontrol eylemler görünür almak pic isim için bu kuralda büyük dick olduğunu kaldırıldı tamamen kural Bana başlangıçta ne vardı geri dönelim Hiçbir ego bu yüzden bu çok neater ve temiz olduğunu düşünüyorum ve o kadar almaz Gerçekten bir daha işlem gücü kesin alarak yapıyoruz tüm çünkü aynı Görüntü ve yanında bakire diğer haklarını koyarak böylece sayfa kaynaklarına çünkü gerçekten herhangi bir ekstra kaynak yüklemek zorunda değildir Onlar boşaltıldığı hazırız bu yüzden size kalmış gerçekten size vermek Ajman kurmak istediğiniz yolu Farklı seçenekler ve farklı şeyler tartışmak tamam biz bazı yaratıcı şeyler bu icra yardım başarmak umut küçük resimler video zevk eğer o sadece seyretti abone içine ayarlamak için düğmeye ve kurumsal tıklayın O düzenli olarak doğru liste bu yeni şeyler kullanabilirsiniz birkaç barış şefi Julian için düğmeye bu alanda planlama yararlı bulundu izlediğiniz için teşekkürler elli Eğer bir dahaki sefere.