4 EKİM 2012, PERŞEMBE

Json Eğitimi İçin Yeni Başlayanlar Part 6 Ajax Php Birden Çok Albüm Fotoğraf Galerisi

Bazı programlama öğretici altı numarayı kovalamak hoş geldiniz büyük ölçüde işlevselliğini artırmak için nasıl öğreneceksiniz fotoğraf galerisi kadar baştan kendinizi inşa Sadece eğer utah gerçek sayı beş şimdi büyük ölçüde kendiniz artıracaktır bizim benimle ilgili benim bana ve kolaylıkla geçerli olabilir sayfadaki olaylara geçiş animasyonları galeriler birinden diğerine değiştirdiğinizde gibi görüntüler değiştirdiğinizde Jason animasyon ya da ilgisi yoktur İstediğiniz gelebilecek herhangi bir animasyon çerçeveler benzetmiştir uygulamak için Bisikletle eğitim jantlar külot giyer ve kullanır kız animasyon

yönleri benim javascript video eğitimi zaten YouTube veya size burada playlist öğrenmek değil seçebilirsiniz nasıl çizik için Program hücreyi animasyonlar Eğer aşina ve iki kız yelken edebilirsiniz çerçeveyi ku

llanabilirsiniz onlar yorum yapmak size istediğiniz tamam bu yüzden bunu yapmak için nasıl öğreneceksiniz altı yıllık bir video sayısı açısından Bu küçük kutu Biraz içeride ve Doğu üç bağlantılar Bu sizin galeri 1. ol

“Ders Kodu: http://www.developphp.com/video/JavaScript/Multiple-Album-Photo-Gallery-Ajax-PHP-JSON-Tutorial Adam ile yeni başlayanlar için JSON öğrenme Bölüm 6. Bu ...”
Adam Khoury

du gitmek için izin verecek Galeri beş video öğretici program nasıl öğrendim ve sayfa ferahlatıcı olmadan yepyeni bir Japonya galeri geçiş yapmak ve biz nasıl Jay mandal değil sadece okul için olacak göstermek size de konum Tüm bu RJ burada görüntü almak görebilirsiniz ama bu bir o hangi dot PNG ve bu bir bir nokta Gibson o hareketli bir nokta hediye olduğunu açıkça görebilirsiniz bu yüzden şimdi gerçekten çok albüm galerisi var ve sadece kod numarası üç sa

Json Eğitimi İçin Yeni Başlayanlar Part 6 Ajax Php Birden Çok Albüm Fotoğraf Galerisi Resim 1 Json Eğitimi İçin Yeni Başlayanlar Part 6 Ajax Php Birden Çok Albüm Fotoğraf Galerisi Resim 2 Json Eğitimi İçin Yeni Başlayanlar Part 6 Ajax Php Birden Çok Albüm Fotoğraf Galerisi Resim 3 Json Eğitimi İçin Yeni Başlayanlar Part 6 Ajax Php Birden Çok Albüm Fotoğraf Galerisi Resim 4

tır size kod üç satır gösterir eklendi Gerçekten işlevsellik bu galeriyi genişletmek eklemek çünkü biz akıllıca kod sadece üç satır ile Öğretici sayısı beş başından itibaren programlı sanat galerisi Biz kod böylece sadece üç satır size sağlayacaktır bu şekilde dinamik olmasını kurmak değiştirmek Farklı galerileri ve ben de bu yüzden değil sadece geçiş öğrenmek mi gösteriyor İki farklı galeriler tamamen farklı klasörler ve dinamik tüm görüntü dışarı da farklı türde yük izin öğrenmek Dosyaları ve üç bizim hediye yükü lider olduğunu PNG NJ

pic şimdi son yönü Bu işlevselliğini genişletmek için öğrenme nasıl olacak Şimdi herhangi bir boyut görüntüde alacak olmasıdır ve resim çerçevesi görmek beyninizin içinde ortalamak görüntüler olursa olsun merkezli yaptım ne boyutu onlar gördüğünüz vardır onlar daha geniş 700 piksel iseniz birilerinin hangi o-ecek 700 piksel otomatik olarak böylece görüntüler 700 piksel genişliğinde daha büyük olabilir konum tasarım kullanmak burada go away yapmak kıracak olan senin Aynı böylece genişletmek, farklı şeyler bir sürü öğrenme olacak ne işlevselliği Eğer satmak nasıl oluşturulacağını öğrendim resim galerisi kadar parçalanmış içine şimdi kendiniz uzatmak için öğreniyor olacağım aynı kesin başlamak sereceğim doğrultusunda gidiyor her şeyi tutmak için tamam Biz öğretici sayısı beş ile bıraktığı dosyalar biz Jason öğretici var uygulamalı HTML Biz galeri veri nokta PHP script bizim kovalamaca var hangi büyülü ben bu bizim için tüm bu dinamikleri yok olacak böylece tarafından Jason öğretici almak ve en Dosya gidelim baz Jason öğretici 6'ya bakınız kaydetmek ve beş HTML Jason öğretici kapatabilirsiniz Şimdi Jason galeri veri PHP dot bakın Sadece ben şimdi HTML aşağı gidersiniz kadar yakın ve sağ resim çerçevesi altında biz eklemek için gidiyoruz yeni küçük kutu köşeleri yuvarlatılmış burada bu küçük kutu göreceksiniz zaman şimdi de o sana kullanıcıların verecek kutu olarak Küçük bağlantılar galeri değiştirmek için tıklayın birinden yanında ve o sayfaya olur o zaman bir ajax isteği var yenilemek değil böylece biraz gri boksör istememe koymak için yeni bir yaptım koymak Birkaç satır aşağı biz mi kapatmak emin olun ve bir kimliği vardır Albüm menüsü kutusu ve içindeki ilk şey yukarı sen benim sadece fotoğraf albümü diyor NH3 eleman koymak istiyorum ne olursa olsun, böylece başlık size kontör koymak istiyorum ve h3 elemanı altında sen koyacağım Sadece basit bağlantılar ve bunu görebilirsiniz 3 sekiz yumurta Her bir tehdit bu şekilde bir yere gitmek değil pound işareti olarak ayarlanır tıklama olay return false vardır Hiçbir şey olmuyor kullanıcının bu şekilde tıkladığında JavaScript emin olmak için Bu diyez işareti kendi adres çubuğunda görünmüyor ve gerçekten istiyorum mousedown veya click olayı üzerinde bir var yangınları zirve kapalı Biz bütün zaman burada yaşadım galeri fonksiyonu üzerinde HX kovalamaca ve sadece ilk bağlantıyı emin olun galeri 1 saniye linke bir etiket olarak galeriyi diyor diyor Gerçekten size söyleyebiliriz istersen onları etiketli yapabilirsiniz Orada benim futbol takımı yıl benim futbol takımı veya ne olursa olsun ve o zaman sen kapmak istediğiniz yaşlı işaret söz konusu galeri hatırlamak için biz galeri 1 vardı bu yüzden ne yaptım benim ben sadece galeriyi eklenen bir sistem çekti ve galeri 3 ve şimdi ben galeri 1 var burada görmek size göstereceğim Eğer aşina sensin Nets öğretici sayısı beş itibaren ve ben CE için bir galeri vardı bu konuda büyük simgeler bu bir PNG olan bu bir nokta hediye ve geri kalanı Jay hızı sadece şeyler baharat yaptım olduğunu o kadar karıştırın ve programlama biraz daha çocuk bezi yapmak o zaman sadece bir galeri Üç numara farklı bir görüntü söz konusu ve bunların hepsi J pics ama biz bazı küçük farklı boyutlarda vardı emin yaptı bazı büyük bunların hepsi farklı boy oranları farklı boyutlar O ne olursa olsun boyutu tüm görüntüleri merkezi olacak nasıl galeri görebilirsiniz onlar vardır ve galeri onlara göstermek izin vermez bu yüzden şimdi gördüğünüz sayfada herhangi bir geniş 700'den piksel Galeriye 3 galeri, bir galeri size ft PD 's var Web sunucusuna kadar online canlı web size emin olmak için gövde elemanının için doğru tamam şimdi öyle testler bu yüzden aslında bu devam edin ve bu koymak HTML eklemek zorunda Sayfanın üst içine hat başlık yaptım Biz JavaScript yapım HTML olay, doğrudan olacak koymak değil Her zaman galeriyi değiştirmek için kullanıcı galerileri geçer böylece söylemek Bu metin olacak değiştirilmesi ve tekrar edilmesi olduğunu yaptım ve gerçekten içine sadece yaptım koymak gerekiyor sayfa yük tamam böylece yapabilirsiniz tüm görünüm HTML ise ilk kez seçilmiş vücut elemanı almak aslında javascript fonksiyonu Peki bunu herhangi bir değişiklik ya da tüm javascript kadar daraltmak zorunda değilsiniz Şimdi ben size resim çerçevesi almak istiyorum ve o uzak yüksekliği almak ve daha sonra yükseklik koymuştu nereye text-align: Bu olacak yapmak için izin var yani eğer merkezi uzun resim var olduğunu bu alanda topu görüntülenir bu gerçekten küçük bir titty titty resmi eğer ve merkezli olacak resim çerçevesi kutusu text-align Giriş: merkezi yapar Sonra ben istiyorum sağ altında bu eklemek resim çerçevesi yaptı ve biz hedef için gidiyoruz resim çerçevesinin içine görüntü bu hedefleri Ben maksimum koyacağım özellikleri biz odeon hissediyorum 700 piksel ile belki 1400 piksel genişliğinde olan bir büyük dev resim sadece en büyük görüntülenir olacak o gösterecektir boyutu 700 piksel ve yüksekliği böylece herhangi kaybetmezsiniz buna göre ayarlanacaktır eğer öyleyse oranlarda boy oranı var çok çok büyük bir resim 700 piksel genişliğinde çekmiş olacak ve yüksekliği şok olacak buna göre Eğer gerçekten et varsa ve / pt küçük resim yüklenen Ayrıca koyabilirsiniz sizin resim çerçevesi içinde merkezi olacak ve isterseniz buraya ayarlama ile asgari ancak ve erkeklerin 700 piksel dedi o bir TBD olarak gösterilir olamazdı emin olur Herhangi genişletmek ve bozuk olurdu ve aslında bulanıklık olur biraz dışarı küçük resim böyle genişletmek için böylece belki 700 piksel olursa olsun olması bunu zorlamak istiyorsanız istemiyorum ne O tamam şimdi son satırları serin küçük bitirmek Albüm uygulaması bu yapacağız albüm kutusu yaptım var konum ve biz HTML burada ekledi biri Bu gördüğünüz yuvarlak sınırları küçük gri kutu oldu Bunun sınıf ayarı border-radius ise: 10 piksel Biz sipariş böyle yuvarlanacak olsun nasıl var insanlar kullanan tüm popüler yeni modern tarayıcılar Bu border-radius destekleyecektir: ayarlama ve bir arayan var Ben olacak siyah böyle küçük başlık Bu gri kutu içinde siyah doğu iyi başlık olarak gösterir Arka plan rengi ile çok açık gri 200 piksel olduğunu ve en iyi 100 piksel kendi kümesi Sayfanın en buraya 100 piksel görmek Henüz 856 piksel sola 856 piksel Buradan sonuna Buraya kadar yaş ve konumu sadece resim çerçevesi gibi metin olduğunu şimdi sabit bir whole lotta görüntüleri var mı kaydırma değil bekleyin onların Biz galeriye 1 gitmek demek ne bu öğeler aslında kaydırma Bu kalemdeki bu öğe tüm pozisyonu sabit bu öğeyi bu şekilde kayar tek şey görüntüleri bir sürü kazıklı elde etmektir Burada sol tarafta Hatta Jason öğretici 6- almak ve tasarruf edeceksiniz Çok albümde kovalamaca olarak Galeri yüzden Jason çok albüm galerisi dat HTML vardı bkz tüm FTP web kadar şu anda benim URL adres çubuğuna yani protesto ne Çok albüm galeride kovalamaca HTML nokta ve ilk resimde varsayılan olarak yüklenir ilk galeri var basın locası o varsayılan olası değildir galeri resim çerçevesi içine yüklenir galeri 2 Tüm geliyor Eğer sana ben sadece fark isteyen çocuklar göstermek zorunda biliyorum galeride iki sanat nokta animasyonlu gif ve ben eksik PNG dosyasını ve onlar yaşlı konum bile neden bilmek sunucu üzerinde çevrimiçi bir o hiç değişmedi galeride kovalamaca PHP buraya bir satır değiştirmek zorunda mı şüphe ve Şu anda bir gösteri bunu kulüpler Burada dize pozisyon işlevi vardı nerede tamam Gördüğünüz Ben ve açılış ve kapanış burada parantez gibi Seni bu ile değiştirin Eğer ben sadece bir Craig maçı ile bu yerini görebilirsiniz seçeneği şimdi biz bir mola max işlevi kullanmak için gidiyoruz Düzenli ifadeyi normal ifadeyi kullanan o ulaşmak safra .jp aa tanrıya verilmiş içermelidir veya sırayla bir nokta DNG uzantısı o kadar scooped almak için ve şimdi bu nasıl çalıştığını anlamak söyledi yüksek kalorili bir parçası olmak ve ne olursa olsun dosya uzantısı türü sadece başka koymak eklemek istediğiniz Burada boru sembolü txt bir metin dosyası almak ancak bir galeriye gitmek için dosyayı metin isteyeyim hiçbir neden yok sen ve biz II halinde hassas reg X kullanarak böyle görüntü üzerinde bir sermaye PNG olmak olur bu şekilde hala hala scooped olsun attı alacak ancak gerçek dosya uzantısı bu büyük veya küçük harf hiçbir konuda şimdi cumhurbaşkanlığı s ve yukarı şimdi galeri canlı çevrimiçi gitmek FTP yeniden ve şimdi galeri sayfasını tıklayarak, yenilemeden ve artık akıllıca karıştırıyordu karıştırıyordu olan şimdi görürsünüz tüm tür tipleri diğer görüntüleri dosya ve doğru bizim galerileri içine lopping tamam biz sadece bir daha bir video öğretici kalmadı böylece tamam ama gitmek J bazı Programlama serisi ama kapsayacak sayı yedi nasıl sorgulamak için size göstermek olduğunu MySQL veritabanı ve değerlendirmek için rehin almak Eğer MySQL veritabanı olsun verilerin elde edilen dizisi ve işinize iade JAX uygulamaları oluyor jay sean Cody veri olarak.

Açıklama

Ders Kodu: http://www.developphp.com/video/JavaScript/Multiple-Album-Photo-Gallery-Ajax-PHP-JSON-Tutorial Adam ile yeni başlayanlar için JSON öğrenme Bölüm 6. Bu derste Ajax, PHP ve JSON kullanarak çok hafif birden albüm dinamik fotoğraf galerisi içine bizim temel galeri uzatmak nasıl gösterilmektedir. JSON JavaScript Object Notation duruyor. Bu yaratma ve sunucu ve istemci tarafındaki uygulamaları arasında veri nesneleri göndermek için hafif bir biçimidir. JSON JavaScript bir parçası değil, ayrı bir varlıktır, gösterim sözdizimi bir alt kümesi olarak ham Javascript programlama dili içine inşa edilmiştir.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

Adam Khoury

Adam Khoury

Profesyonel bir online bedava gibi kod ve tasarım öğrenin. JavaScript, PHP, SQL, HTML, CSS, ActionScript ve daha fazlası gibi usta geliştirme teknolojileri. Tüm videoları http://www.developphp.com daha iyi organize olan

YORUMLAR



9.5/10

  • 79
    Olumlu
  • 4
    Olumsuz
  • 30
    Yorum
  • 18746
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • Michael Zhang

    Michael Zhan

    8 EYLÜL 2012
  • RogerBuckChrist

    RogerBuckChr

    9 Temmuz 2011
  • Toddler Fun Learning

    Toddler Fun

    8 ŞUBAT 2013

ANKET



Bu sayfa işinize yaradı mı?