Setați o galerie frumoasă pe site-ul dvs. în 5 pași - centrul corporate blog de tehnologii înalte

Pentru a face site-ul dvs. a apărut fotografii frumoase nu au nevoie să învețe diferite limbaje de programare și de a scrie o mare cantitate de cod. Este Internetul, totul este deja făcut pentru noi.

Deci, setați galeria de pe site-ul:

  1. Salvați fișierele și thickbox.js jquery.js directorul / script /, thickbox.css fișierul în directorul / css /, fișier loadinganimation.gif către cele / i /
  2. În /script/thickbox.js fișier linie corectă

var tb_pathToImage = "images / loadingAnimation.gif";

var tb_pathToImage = "../i/loadingAnimation.gif";

  • În codul paginii unde se va introduce o galerie foto, înainte de eticheta introduceți:
  • Ori imaginile care vor fi afișate într-o galerie în catalog / images /. Nu uitați, t. Pentru a. Galeria este creat pentru web, aveți nevoie pentru a optimiza imaginile pentru a reduce dimensiunea lor. Pentru comoditate mentionat ca imagine: image.jpg (imagine mare) și s-image.jpg (previzualizare imagine)
  • Pagina de cod inserați link-uri de previzualizare pentru a imaginilor mărite după cum urmează:

    Asta e tot. 5 pași simpli pentru a ajuta la a face site-ul mai ușor de utilizat, modern și atractiv. Dacă aveți întrebări, uita-te cu atentie exemplul nostru.


    așa cum se întâmplă acest lucru - ecranul este întunecat, dar imaginile nu au ...

    Dacă cineva este interesant, am (fără ezitare) și obținându-se astfel (curent puternic nu bate în jos):

    în thickbox.js fișier
    1) înlocuiește șirul
    TB_imageCount = "Fotografie" + (TB_Counter + 1) + "de la" + (TB_TempArray.length);
    pe TB_imageCount = "Fotografie" + (TB_Counter + 1) + "de la" + (TB_TempArray.length-1);
    Contor corespunde numărului de imagini afișate

    2) prin înlocuirea
    $ ( "# TB_ImageOff") clic (tb_remove) .;
    pe
    $ ( "# TB_ImageOff") clic (goNext) .;
    nu pentru a închide la clic și pentru a afișa imaginea următoare.

    În cele mai multe html-ke:
    după trimiterea la ultima imagine a galeriei a pus într-o altă referire la prima imagine a „display: none;“ stil: