În această lecție ne vom uita la procesul de creare a diferitelor imagini galerii. În primul caz, vom crea o galerie de imagini pe baza grilei Twitter Bootstrap 3, iar în cazul 2 se va folosi plugin-ul Mozaic Flow.
Galeria de imagini bazate pe grilă Twitter Bootstrap 3
Crearea de galerii de imagini adaptive bazate pe grila de Twitter Bootstrap în mai multe etape:
Codul final galerie imagini bazat pe grila Twitter Bootstrap 3:
Galeria de imagini bazate pe plugin-ul Mozaic Flow
În al doilea rând de adaptare a crea o galerie de imagini pe baza plugin mozaic Flow. Activitatea acestui plugin se bazează pe crearea de imagini de rețea în Pinterest stil.
Luați în considerare procesul de creare a galeriei în mai multe etape:
Codul final galerie de imagini bazat pe plugin-ul Mozaic Flow:
Bună, Roman. Înțeleg că utilizați ASP.NET MVC. În acest caz, trebuie să conectați fancybox plug-in și alte fișiere de proiect la pagina principală. O pagină care utilizează o poziționare pagină maestru al conținutului nostru principal, și anume Container cu imagini.
Zdastvuyte. Ești un profet. ASP.NET MVC Core. Îmi place atât de încercat cu alte plugin-uri. Dar, încă o dată încerc cu fancybox.
Multumesc pentru raspuns rapid.
Alo
Am făcut totul așa cum scrie, dar galeria nu funcționează.
Sus între capul
mai jos:
Nici una, nici cealaltă nu funcționează.
Eroare în consolă:
TypeError: jQuery .fancybox nu este o funcție (.)
index.html: 123: 5
<анонимная>
index.html: 123
(Aici se spune că jQuery eroare ( «a.fancyimage») fancybox (), cu excepția cazului în caz contrar prescrie, eroarea $ ( «a.fancyimage») fancybox (); ..)
m.Callbacks / j ()
jquery.min.js: 2
m.Callbacks / k.fireWith ()
jquery.min.js: 2
.gata ()
jquery.min.js: 2
J ()
Nu știu ce este, să-l pună o altă galerie, totul a lucrat, dar au nevoie de acest lucru, ca fiind mai funcțional și nu se poate conecta.
de ajutor, vă rugăm să
Tu fancybox director situat la radacina?
Într-un caz, scrieți așa:
În altă parte, după cum urmează:
Cel mai probabil este necesar pentru a elimina slash înainte de fancybox.
Da, eliminat în dimineața, a venit ultima dată. Se pare să funcționeze, dar imaginile sunt deschise la întâmplare (unul deasupra se deschide, un alt clic, este deja sub ecran), cros pentru a închide, fără săgeți. Conectați stiluri skipty și ajutoare, fără nici un rezultat.
Și cum să facă, astfel încât o previzualizare apare la fel atunci când adăugați imagini diferite (înălțime și lățime)?
Bine ai venit! Mi-a plăcut lecțiile. Când creați o galerie a existat o situație. Există o pagină (index.html) principal pe care meniu și conținut. Este necesar ca atunci când faceți clic pe elementul de meniu „Galeria“ de pe acea pagină în locul galeriei de conținut afișat. Se pare, dar în loc de miniaturi de rețea, acestea sunt în mărime reală, unul câte unul. Cum pot rezolva această problemă sau ce ar putea fi problema?
Bine ai venit!
Ai nevoie pentru a scrie un script care va face.
Puteți, de exemplu, începe după cum urmează:
Codul HTML + JS
De ce mozaicuri flov pagina de încărcare se întinde secțiunea cu fotografii la 8000 de pixeli, miniaturi de fotografii încărcate care au fost pregătite separat de
Alo
Am pus scenariul, dar, din păcate, nu funcționează. Browser mi-a scris următoarele:
TypeError neprins: (.) $ .fancybox nu este o funcție
Ce se poate face, spune-mi, te rog?
Nimic nu sa schimbat, am încercat totul așa cum este scris în primul exemplu, „Galeria de imagini bazate pe grila de Twitter Bootstrap 3“.
Bună ziua, Andrey.
Nu sunteți conectat biblioteca jQuery.
Acesta poate fi conectat cu ajutorul CDN:
Vezi ce aveți pe pagina, nu biblioteca poate fi încărcat în consola browser-ul folosind F12.
Și unde exact în șablon Joomla 3 este necesar să se înregistreze? Am înțeles în index.php, dar unde anume?
În secțiunea capului, sau mai bine decât înainte, care folosesc alte biblioteci și script-uri care depind de ea.
Primiți o eroare de tip negestionat: nedefinit nu este o funcție pentru a inițializa. Tot ce am conectat și verificat. Care ar putea fi motivul? Utilizați șabloane T3 gol Bootsrap 3
Vă mulțumesc dat seama la întâmplare. Alte funcții de inițializare în șablonul Joomla la 3 trebuie să fie efectuată prin utilizarea de cod
De asemenea, în funcție de sarcina, puteți rezolva această problemă în alte moduri. De exemplu, cu straturi (imagine pe un singur strat, elementele active pe de altă parte) sau de a folosi fundalul și poziția (o imagine în fundal, deoarece elementele active în prim-plan).
Mulțumesc mult.