2 HAZİRAN 2011, PERŞEMBE

Jquery Slayt Gösterisi

Hangi ben öğretecek iyi ve internette parkta tek yukarı benim öğretici yürümek nasıl yapmak ve resim galerisi sadece ekranda sağ burada göremiyor gibi Bu görüntüdeki galeri herhangi boyutunu neredeyse herhangi bir görüntü yapacak Burada gördüğünüz gibi siz de ileriye döngüsü için resmin üzerine tıklayabilirsiniz ve mutlaka hiç kullanan değil oylayabilir dev bir imaj var vücut yol bu yeteneğine sahiptir ve aynı zamanda gömebilirsiniz Gerçekten serin ve önceki düğme tüm bu da var filmleri diğer şeyler ve tabii Bir kapatma düğmesi bu bölümü 4 is my karalama serisi olan ben gerçekten harika şe

yler yapmak nasıl göstereceğim çizik Kimseyi söyleyebilirim kadar hiç video öğretici yapmış olduğu Ben sağlamak ekrandaki part 1 213 karalama öğreticiler hangi sana göstereceğim WordPress tema oluşturmak için nasıl Bir

özellikli içerik kaydırıcı ve bugün eklentisi wordpress Bir resim galerisi yüzden 22 Roma bu barda koduna doğru atlıyor bu adamı oluşturarak gider tüm HTML ve CSS kodunu göstermek ve sonra sereceğim üz

“Charlie yazdı ve sıfırdan bir slayt gösterisi ya da galeri yapmak için beni istedi. Yani, bugün nasıl bir slayt gösterisi yapmak için size gösterecektir. Gerekli...”
Derek Banas

erindeki yazının sonraki bölümü, tüm jQuery kodu koymak Birlikte JavaScript kodu ve o zaman ve size önceki gördüm tam olarak ne olacak Ekran isterseniz tüm kod hemen alt çizgi kod için bir bağlantı var aşk Eğer burada sadece temel ettik görebilmeniz ve tabii ki bunun için yüzde yüz var HTML Ben sadece orada kendimi ben o zaman ben gidiyorum değilim biraz kaydetmek için bu koymak dışarı sızdırıyor Benim stil sayfasına ve sadece referans takın ve ben kutu

Jquery Slayt Gösterisi Resim 1 Jquery Slayt Gösterisi Resim 2 Jquery Slayt Gösterisi Resim 3 Jquery Slayt Gösterisi Resim 4

tarzı CSS gibi onu çağıran ve sonunda bu dönüp gitti ediyorum içine Gerçekten de karşı eklentisi wordpress özellikli benim yeteneklerini becerdin Biz bir hayvan, bir inek daha önceden yapılmış içerik kaydırıcı jQuery JavaScript Gıda kalıba JS slasher denilen bir klasörde oturur Bu lightbox JS olacak diyoruz am KS nokta ve sonra kapatın tüm kim ve aslında bu adam için bir an buraya gelip ben olacak değilim koymak jQuery kodu ve risk benim Lake Bu kopyalamak için ve Amanda üzerinden atlamak ve aslında tüm dışar

ı yazın ben bu kapmak ve jQuery kütüphanesinde üzerinde gerçek konumu Ben kullanıyor gidiyorum orada Ben kullanıyor olacağım Sonra başımı bölümünün yakın Google tarafından sağlanan ve çerçeve ve Vücut bölüme atlamak ve ben ilk şey yapmak görüntü veya medya açmak için gidiyor bağlantı oluşturmak olduğunu Bunu diyoruz istiyorum kütüphane ya da galeri Gidip o hakkında bir sınıf vermek Açık lightbox ve daha sonra olacak burada boş referans vermek ne zaman çünkü insanlar Bu tıklayınız tercih aslında olacak jQuery tarafından ele alınması oluyor ve bir do Seni burada taahhüt ve oluşturulan eşit yemin sınıf yapmak Fox sap ve lightbox paneli gibi Burada her şeyi çevreleyen adam olacak Burada bu onun bu çirkin bir şey burada kutu paneline gibi ve daha sonra bu arka plan karanlık Fox arka plan gibi denir ve biz olduğumuzu olacak ikinci en kendimi biraz verelim o içine almak ve daha sonra burada yapacağımız ne geliyor başlayacağım ve bunu tanımlama Burada bu dinamik yapılabilir içinde göstermek istediğiniz her şeyi bu yüzden bu görüntüler kapalı tabanlı hem diğer tercihleri ​​denilen olacağını Bunu ayarlamak olabilir bu ben burada kullanıyorum ne taş koymak değil ve o eğer o önemli değil bir görüntü ya da ne çünkü Ben sınıf adının kapalı tabanlı tüm jQuery değişiklikleri yapıyorum biz burada bir şey hemen hemen her türlü kullanabilirsiniz nedeni var sınıfa NTT medya dosyası ile yükleme şey şimdi Onları dışarı yakın sonra sadece bunun heck için tüm koymak ve ve ne yapmak istediğinizi çok bu ekran sahip olduğunuzdan emin olun olduğunu ne zaman ilk şimdi bu sizin ilk resmi olacak başlar onun olacak açıldığı ne olursa olsun iç-dış lightbox panelini göstermek ama bundan sonra takip her şey için ben başka bir tane var bence denilen sallayarak eller eşit olarak tokalaşırken için bir stil bulmak için ortak kolon görüntülemek ve bu yüzden ekranda olacak değil herhangi biliyorum ve daha sonra bir değişiklik sallayarak eller alt metni tam olarak ne görebilirsiniz Burada oluyor Sekiz var orijinal geri dönmek ve ellerini sallayarak konum Diğerleri her görüntü için daha sonra faaliyet ve olacak, böylece ben istiyorum ben tam olarak kullanmayın ışık kutusu görüntülenir Aynı düzen ekran: Ben göstermek için bunu söylemek içine hiçbiri kabuk istemiyorum Ben sınıf aynı kalmak istiyorum ve hepsi hatta can sana önemli değil Olması var şey bu kadar başka bir dosya bir başa çıkma olmak istiyorum ve ben her şeyi sağlayabilirsiniz tam olarak aynı tek sebzeler ödeyerek ve hepinizin kod eğer alabilirsiniz noktası olsun düşünüyorum istediğin alt çizgi ben bu yüzden sadece burada devam edeceğim önce söylediğim gibi Bütün bu tanımlanan edildikten sonra ve ben komuta ettik ve Ben alt ekranı da var benim tüm düğmeler yer önceki ve sonraki düğmeleri ve yakın düğmeleri gibi Zirve NTT keder bir çağrı yeni bir veri oluşturmak evet düğmesi Aslında saracak bir kopyası değilim ve benim önceki buton için kaynak aslında ben daha önce kullandığınız bir dosya kullanarak Gelecekteki içeriği tüm denilen FC sol Bir satır sınıf adı önizleme değiştirildi olacak Medya anlamı İstiyorum tüm metin diyeceğini bir önceki medyayı göstermek Henüz önceki ortam kalemi ve ben her zaman bir önceki istiyorum çünkü Bir satır ışık kutusu paneli açıldığında eğer tarzı almak istiyorum göstermek display: none ve diğer o eğer hiç göstereceğim bu şekilde ekranda gösterir ve sonra ben sadece bir yakın bu ölüm gelmeye devam etti ve ben aslında olacak kopya değilim bu sonraki düğme için ne demek istediğimi bilmiyorum Burada bu hakkın Önceki düğmedir ve sonraki düğmesi bu yüzden bu kadar değiştirmeye çalışıyor değişmeden NTT sonraki düğmesi Sağ bu değişmeden vergilendirilmemiş olsun olduğunu olduğunu tüm yapmanız gereken daha böylece başka bir sonraki medya öğesi her şey aynı kalacak Buraya gelip Gidip çağrı bu NTT yakın düğmesi oluşturmak için Elbette yakın içimde burada ödeyerek koymak emin olun Bu NTT yakın olarak adlandırılan bir ağrı dosyasıdır düğme ağrı düşündüm ve bu bir kimlik olarak atanmış Eğer olacak asla konum belli yüzde 100 olduğunuzda başka bulmak için kimlikleri var kullanmak Böyle düğmeye ben bu yüzden başka bir kapatma düğmesini ihtiyacımız gitmiyorum eminim Orada koymak ve ben teknik tüm diğer olanlar için yapabilirdi ama ben iyi biliyorum Tüm sorunları pratik Kimlikleri daha sonra her iki şekilde ve yakın istiyorum yapabilirsiniz zaman O eğer bir gün olacak Surround her şey büyük bir zaman var Dick her zaman böyle güzel bu gibi böylece sonunda küçük bir ortak koymak için lightbox paneli her zaman güzel sen nerede var biliyor ve ben ışık kutusu arka plan bulmak için gerek o zaman ne yaptım ve Zack Bu olacak parçası Karanlık ve yapmak ve daha sonra cesedi kapatın enclose tamamen ve tamamen kendi olduğunu zincirini kapatın Bütün bu adam işi HTML Weiss yapmak için gereklidir bu yüzden şimdi CSS koduna üzerinden atlamak ve sizin için tüm bu kadar yazacağım Yapmak istediğiniz ilk şey, bir kimlik olarak bu bulmak için ben hatırlıyorum olduğunu Ben Geç Fox arka plan oluşturmak ediyorum Eğer kimlik anlamına unutursam yalnızca her zamankinden onlardan biri olmak için oraya gidiyor ekran Bu iyi gerçek olacak eğer ve kimlik oldukça belli değil Ben ekranda olacak yani bu adam olmayan görüntülemek istediğiniz Herkes bunu söylemek için ama olacak görüntülenemiyor değil Ben koyu olmak istedim çünkü bir arka plan rengi siyah almak istiyorum bunu neden aksi takdirde ben donukluk istediğiniz ekranda geliyor Eğer biraz arka planı görebilecek şekilde doksan oranında olmak Bu sadece yol oldu çünkü insanlar lightboxes yapmak kesinlikle tam olarak tanımlamak için gidiyorum anlamı tek pozisyon Piksel pozisyonları davet edildikten olacak nerede bir çok kapalı başladı var Çok sol üst köşesi ve bunu tanımlamak nasıl ve Seni asgari ile olan yüzde yüz anlam olarak tanımlanabilir olacak olan asgari bütün bütün bir tarayıcı penceresi olacak ve nasıl bu model yüzde ve sonra söyleyeceğini indeksler var ama bu adam çok çok çok konuşmak olmak istiyorum ama öncesinde gitmek istiyorum finans web sayfasında o her şey Binbir ve o doğru burada bu karanlık bu bölümü anlam arka plan var var tüm pencereyi kapsayan bölüm tamam ben paneli aslında tüm temas tutan kısmını oluşturmak lazım Ben ışık kutusu olarak adlandırılan Panel tekrar göstermek istemiyorum olmayan görüntülemek istediğiniz Bir pozisyon kesinlikle olmasını istiyorum dedi çalışma sona erdi sadece yoludur üstten yüzde 22 Eğer değiştirmek istediğiniz karar olabilir ince değişim söylüyor ve sayacı istediğiniz Ben bunu 425 piksel ile bir arıza vereceğim background-color: Eğer herhangi bir ayar beyaz olabilir değiştirebilir olabilir Bildiğiniz Pat n burada içinde bu alandır Bu böylece okşama bu bölgenin marjı 29 için fark Ben 315 Piksel etrafında bütün yolu istediklerini söyledi ve ben de ben alt 50 piksel olmak okşama istediklerini söylüyorlar değilim Sadece bu yüzden ben ve tüm düğmeleri için oda var ve ben bir oluşturmak istiyorum sınır piksele kadar ben katı olmak istiyorum ve ben siyah olmak istiyorum Bu ışık kutusu arka plan I yukarıda göstermek istiyorum ve daha sonra Dizini'ne bakın gerek daha büyük yapmak Merkez olmak: o zaman bunun bin iki ve kurulum text-align yapmak için var bakacağımı bu şekilde bir taşma Animus bırakın bu asla olmayacak değil anlamına gelir gizli eşit olacak tarafından temelde bu görüntü tam burada olsa gelir çevredeki daha büyük Ben kaydırma çubuğunu açmak istemiyorum bu yüzden size fikrinizi değiştirirseniz olabilecek tüm görüntü bunu istiyorum görebilirsiniz temelde söyleyerek Görüntü devam etse de ben ve buraya istediğiniz ve gibi böyle devasa görüntüleri ve bir şey koymak asla dedi ama sadece o durumun üstesinden böylece kurmak o geldi ve eğer aynı zamanda bir max bulacağım Yükseklik böylece her zaman ekranda kalır bir 500 piksel Animax yolu 800 piksel üzerinde bulunuyor ve bu sadece her şeyi emin ekranda kalır yapmak ve bu hepsi bitti O bütün bütün panel için CSS kodlama ihtiyacı kapatmak salsa odası ve sonra ben düğme için CSS kodu tanımlamak zorunda kapatma düğmesi özellikle ve bu gerçek basit olabilir Bir deneme görüntü oldu: Ben istemiyorum hiçbiri ekranda göstermek için Tele2 öğretti ve ben kesinlikle konumlandırmak istediğiniz ve ben de ben alttan olmak istiyorum söylüyorlar değilim 10 piksel ve sağ 15 piksel insanlar aslında dipleri tanımlayabilirsiniz olduğunu bilmek istiyorum ve için yazıyor Daha sonra mutlak konumlama ve bir kopyası üzerinde kendinize biraz zaman kazanmak, bu eğlenceli tekrar ve daha sonra yapıştırılan yapıştırılan bu üzerinde leke gidiyor sonraki düğmeye mutlak olacak Bu bıraktım bu değişiklik değilim dip olacak olan Ben Önceki yer açmak zorunda çünkü ve ben bu B-elli piksel var düğme değil ayarlayın ve sonra buraya gelmiş ve önceki düğme bulmak için ve olacak alttan 10 olacak ve soldan gelen o olacak 15 piksel olacak Tüm jQuery kodu ile tüm bu yaparsak ve içinde olacak Bir sonraki öğretici Yapabileceğiniz bu güzel küçük resim Galeriye olacak Eğer filmleri oynatmak bile istediğiniz hemen hemen her şey Zaten varsa yorumlar aşağıda dakika comment bölümünü terk 0 herhangi bir soru öğretici sonraki kısmı sağlanan bir bağlantı olacak Bir tekne% uh son% uh dahaki sefere.

Açıklama

Charlie yazdı ve sıfırdan bir slayt gösterisi ya da galeri yapmak için beni istedi. Yani, bugün nasıl bir slayt gösterisi yapmak için size gösterecektir. Gerekli HTML, CSS, JavaScript ve JQuery kodu tüm sağlanan ve açıklanacaktır. Tüm kod burada: http://goo.gl/dhkeK

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

Derek Banas

Derek Banas

Ben senin isteklerine dayanarak eğitimlerini yapmak. Hayal edebileceğiniz herhangi bir konuyu kapsayacak

YORUMLAR



10/10

  • 58
    Olumlu
  • 0
    Olumsuz
  • 13
    Yorum
  • 13095
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • Gigawipf

    Gigawipf

    18 ŞUBAT 2010
  • New Scientist

    New Scientis

    27 Kasım 2006
  • Shanice Caruthers

    Shanice Caru

    27 EKİM 2011

ANKET



Bu sayfa işinize yaradı mı?