U ovom članku ću vam reći kako napraviti trendi čip za stranicu u našim turbulentnim vremenima - slideshow, tj. pomoću vizuelnog klizača za promjenu sadržaja u bloku, čiju demonstraciju možete vidjeti na glavnoj stranici ove stranice. Omogućava ne samo diverzifikaciju dizajna stranice. ali i uštedite prostor na stranici prikazivanjem različitih sadržaja u jednom bloku.

Po mom mišljenju, najbolji modul za kreiranje ovakvog slideshowa na Drupal 7 trenutno dostupan je Views Sledeshow modul.Ovaj modul vam omogućava da skrolujete kroz bilo koji obrazac napravljen sa CCK, bilo da su to samo slike, tekstualna polja ili tekst sa slikama i hiperlinkovima i pozadinskim slikama. Štaviše, kreiranje ovakvog klizača ne zahteva nikakvo poznavanje PHP-a i JS-a niti puno vremena za podešavanje. Sve se radi veoma jednostavno.

Kreiranje klizača u Views 3

Prvo, moramo da instaliramo jQuery Cycle Plugin na sajt. Sa ove veze odaberite punu verziju dodatka (Cycle Plugin) i kopirajte kod. Kreiramo tekstualnu datoteku na računaru, preimenujemo je u jquery.cycle.all.js i u nju zalijepimo kopirani Cycle Plugin kod. Zatim, na stranici u direktoriju sites / all, kreirajte mapu libraries, ako nije ranije kreirana, i kreirajte mapu jquery.cycle u njoj. Datoteka jquery.cycle.all.js se nalazi u ovoj fascikli, tj. puna putanja datoteke će biti sites/all/libraries/jquery.cycle/jquery.cycle.all.js.

Zatim preuzmite modul Views Slideshow, instalirajte i pokrenite na uobičajen način.Slideshow zahtijeva unaprijed instalirane module Views, Chaos alate i Biblioteke, međutim, obično se ovi moduli koriste za obavljanje mnogih drugih zadataka osim Sledeshow. Nakon instalacije, omogućite Views Slideshow i Views Slideshow:Cycle module..

Kreirajte novi tip materijala, nazvao sam ga Slider. U njemu kreiramo novo polje tipa Dugi tekst i rezime (ceo tekst sa najavom), zovemo ga field_slideshow. Sada bi bilo lepo napraviti nekoliko stranica ove vrste materijala, i popuniti tekst polje field_slideshow ovog materijala tako da postoji nešto za prikaz u prikazu. Dodao sam tri materijala, pod nazivom Slideshow 1, 2, 3.

Dalje, kreirajte novi prikaz, nazovite ga Slideshow. Tip - polja, prikaz sadržaja, tip sadržaja Slider, kreiranje - blok, format prikaza (Display format) - Slideshow, od polja, ukratko, sve je prikazano na slici:

Pritisnite dugme „Nastavi sa uređivanjem“ (Continue & edit), otvara se novi prozor u kojem u delu „Polja“ (Fields) pritisnemo dugme „dodaj“ (dodaj), u otvorenom rollout-u „ Dodaj polja” (Dodaj polja ) odaberite kreirani tip polja Sadržaj: Field-Slideshow, kliknite na "Primijeni" .

U novom prozoru poništite oznaku Kreiraj oznaku, ponovo kliknite na Primijeni.

Uklonite zadano polje iz "Polja" rollout Sadržaj: Naslov. Kriterijumi sortiranja Sadržaj: Datum objave (desc), postavljeno po defaultu, možete ga ostaviti za sada.

U skrolovanju pejdžera kliknite na stavku "Prikaži određeni broj stavki" i postavite postavku na "prikaži sve stavke" (Prikaži sve stavke).

Zapravo, ovim je završena instalacija prezentacije. Ako kliknete na dugme “Update preview”, možete vidjeti kako se mijenja red sa tekstom u bloku, tj. mijenjanje čvorova iz tipa materijala klizača.

Možete promijeniti efekte prijelaza i druge postavke klikom na liniju "Postavke" pored "Format: Slideshow" :

Podešavanje polja za izlaz u projekciji slajdova

Da bih dobio polje koje mi je potrebno, prikazano u klizaču, postavio sam css stilove, tj. širina, visina, padding, pozadinska slika, itd. kao za normalnu html stranicu. Na isti način sam napravio hiperveze. Primjer koda koji sam unio u polje field_slideshow u tipu sadržaja klizača:

1 2 3 4 5 6 7 8 9 10 11 12

Tekst veze

Tekst polja klizača

Ako želite, postavljanjem uvlaka ili korištenjem pozicioniranja, možete umetnuti slike u ovaj kod, ali sam sve slike koje su mi bile potrebne u Photoshopu pričvrstio na jednu pozadinsku sliku, koju sam napravio jednakom po veličini polju klizača.

Kategorija: