Tuti felhasználóbarát slideshow-galéria létrehozása - 1. rész

The spam filter installed on this site is currently unavailable. Per site policy, we are unable to accept new submissions until that problem is resolved. Please try resubmitting the form in a couple of minutes.

Aki már próbálta galériát létrehozni drupalban, az tudja, hogy ezer meg ezer módja van, de sokszor kényszerülünk kompromisszumra egy-egy ügyféligény tekintetében. Próbáljunk meg tehát összeszedni egy "tuti" galériát!

A feladat az én esetemben a következő volt: A beküldött tartalomhoz tetszőleges mennyiségben lehessen képet kapcsolni. A kapcsolt képek slideshow-ban jelenjenek meg a tartalom mellett, és ne flashként. A képeket lehessen tömegesen feltölteni, a sorrendjüket utólag is módosítani, tömegesen törölni.

Nálam alapesetben a galéria = CCK imagefield. Ennek van azonban néhány hátránya, például nem lehet külön-külön értékelni, esetleg hozzászólni + még néhány olyan gyengeség, ami már nincs eszemben, de ezt a mutatványt akadályozta.
Tehát node alapú galériát készítünk, 1 node = 1 kép. Node reference-szel kapcsoljuk hozzá ezeket a tartalomhoz. Amúgy érdekes, hogy mennyire nem emlegetik a node reference alapú galériát, pedig sok helyen láttam már hasonlót - nekem az egyik legkényelmesebben kezelhető ez volt. Tud valaki esetleg olyan okot, amiért ez nem preferálandó?

Akkor nézzük a szükséges modulokat:

CCK
FileField

ImageField
ImageFUpload (CCK)
Node Reference URL widget
Viewfield
Imagecache
Views
DragabbleViews
Views Bulk Operation
Views Slideshow
Views Slideshow SingleFrame (a views slideshow csomag része, csak be kell kapcsolni a moduloknál.)

Tartalomtípusok:

Oldal: Ehhez kapcsolunk Slideshow néven egy viewfield-et, majd a mezők beállításainál kipipáljuk az Alapértelmezés kényszerítése checkboxot, majd az általános beállítások legvégén kiválasztjuk a kepek_slideshow - Blokk elnevezésű nézetünket, ami persze most még nincs, de később majd létrehozzuk. Az argumentumokhoz írjuk be: %nid.

Megj: A viewfield akár el is hagyható, a blokknézetet bármelyik régióba felvehetjük, és sminkelhetjük. Én csak azért tettem külön mezőbe, hogy lehessen állítani a teaser megjelenést, meg csak úgy..

Kép: Adjunk hozzá egy node reference típusú mezőt - nálam Kapcsolódó tartalom címkével van - a widget pedig legyen Reference From URL. Balra találhatók a szükséges beállítások, klikk a képre a nagyításhoz!

Ezzel a következőt csináltuk: Beállítottuk hogy a full node megjelenésekor legyen "Kép hozzáadása az oldalhoz" linkünk. Az általános beállítások közül több tartalomtípust is kiválaszthatunk, amelyhez galériát akarunk kapcsolni.
Van még egy "érdekesség": A FUpload node generálási folyamata miatt a Return path beállításai irrelevánsak, tehát békén hagyhatjuk - később keresünk alternatív megoldást a probléma kezelésére.

A kép tartalomtípushoz adjunk még hozzá egy "Kép" nevű imagefield típusú mezőt. A felületi elem típusa legyen ImageFUpload. A "Tárolási mód" lesz nekünk még fontos, ez legyen "Egy kép tartalmanként". Ilyenkor a tömeges feltöltés után minden egyes képből külön node készül, tartalmazva a szükséges node reference-t arra tartalomra, amelyhez a galériát kapcsoljuk.

Ezután állítsunk be egy imagecache presetet olyan mérettel, amellyel a slideshow-nkban meg szeretnénk jelentetni a képeket. Ha nem gond, ezt most nem részletezem, remélem elég triviális dologról van szó.

Nézzük a nézetünket, amiből a slideshow lesz: Hozzunk létre egy Tartalom alapú új nézetet, nálam ezt kepek_slideshow-nak hívják.

A stílust állítsuk át Slideshow-ra. Ennek a paraméterezését rátok bízom, azzal nagyon elrontani már nem lehet. Nálam 5000ms Timer delay, és 2000ms speed-del volt jó, de ez igénytől függően változhat. Be lehet kapcsolni a Start-Stop-Léptetések gombokat, Lapozót lehet beállítani akár sorszámból, akár bélyegképekből.

Állítsunk be egy új kapcsolatot a Kép tartalomtípusunk node reference mezőjével: Tartalom: Kapcsolódó tartalom (field_kapcsolodo_tartalom)

Kell még nekünk egy argumentum, ami Tartalom: Nid mezőből áll, és a legfontosabb: Felül állítsuk be a kapcsolatot az előbb létrehozott Kapcsolódó tartalomra. Paraméterezzük fel az argumentumot, ahogy a képen látható.

Vegyünk fel egy mezőt a képünknek: Tartalom: Kép, Tiltsuk le a Címkét és állítsuk át a formátumot arra az imagecache presetre, amit neki szánunk.
Hozzunk létre belőle Blokk típusú nézetet, és mentsük el.

Ezzel gyakorlatilag kész vagyunk a feladat első felével. Van egy szép slideshownk, egyszerűen lehet felvinni a képeket, akár tömegesen is. Ja, és még valami! Miután kész van a nézetünk, ne felejtsük el beállítani az Oldal tartalomtípusunk (illetve amelyekhez galériát akarunk kapcsolni..) viewfieldjéhez kapcsolódóan az imént létrehozott views-t!

A következő részben elkészítjük a maradék usability feature-öket, amikel a kapcsolódó képeket tudjuk karbantartani.

CsatolmányMéret
uf_gallery_new-6.x-4.5-beta1.tgz_.gz6.46 KB

Hozzászólások

Nochwas: Mit welcher Kamera?

Nochwas: Mit welcher Kamera?

Ich würde es Deiner Stelle

Ich würde es Deiner Stelle einfach einmal ausprobieren und eine ganz individuelle Sexempfehlung aussprechen.

Es geilt dich auf, was hier

Es geilt dich auf, was hier mit dir passiert, nicht wahr?

Allah verändert die Lage

Allah verändert die Lage eines Volkes erst, wenn das Volk seine Lage ändert!

Dabei treffen wir unsere

Dabei treffen wir unsere Kaufentscheidungen sofort – das garantiert Ihnen maximale Planungssicherheit.

Er versuchte seinen dicken,

Er versuchte seinen dicken, langen Schwanz bis zum Ende sie hineinzuschieben.

1175708 Scharfe Nacktfotos

1175708 Scharfe Nacktfotos geilen Weibern Scharfe Nacktfotos geilen Weibern sind einfach eine geile Wichsvorlage.

Das könnte starke körperlich

Das könnte starke körperlich Folgen haben.

Genau danach sehnst du dich

Genau danach sehnst du dich doch sicherlich.

Howdy! I could have sworn

Howdy! I could have sworn I've visited this web site before but after browsing through some
of the posts I realized it's new to me. Anyhow, I'm certainly happy I discovered it and I'll be book-marking it and checking
back regularly!

Unter dem Motto schnell den

Unter dem Motto schnell den besten Porno Film finden, stellt Euch unsere Seite alle Funktionen einer modernen Webseite zur Verfügung.

Hi, its fastidious piece of

Hi, its fastidious piece of writing concerning media print, we all know media is a enormous
source of data.

Hello would you mind stating

Hello would you mind stating which blog platform you're working with?
I'm planning to start my own blog soon but I'm having a
difficult time choosing between BlogEngine/Wordpress/B2evolution and
Drupal. The reason I ask is because your design and style seems different then most blogs and I'm looking for something completely unique.
P.S Sorry for being off-topic but I had to ask!

Meinen Mann liebe ich, das

Meinen Mann liebe ich, das ist Tatsache, aber wenn nur noch wie Geschwister zusammen lebt.

It is not my first time to

It is not my first time to pay a visit this web page, i am browsing this site dailly and obtain nice data from here all the time.

My family every time say that

My family every time say that I am wasting my time here at net, but I know I am getting familiarity everyday by reading
thes pleasant articles or reviews.

Heya i am for the primary

Heya i am for the primary time here. I found this board and I
to find It really useful & it helped me out a
lot. I hope to give one thing again and help others like you aided me.

Amazing! This blog looks

Amazing! This blog looks exactly like my old one!
It's on a totally different topic but it has pretty much the same page
layout and design. Superb choice of colors!

Die Frauen aus Osteuropa sind

Die Frauen aus Osteuropa sind ideale Partnerinnen für eine feste Beziehung - die Ehe.

Unerschöpflich viele

Unerschöpflich viele Hurenkontakte mit nassen jungen Girls für eine Sexbekanntschaft bei dir im Landkreis, siehst Du unserer Datenbank.

Sie war sich der Schönheit

Sie war sich der Schönheit ihres Körpers hardcore teens bewusst und hatte nichts dagegen, dass sie der Mann ungeniert Kopf bis zu den Waden betrachtete.

I used to be able to find

I used to be able to find good information from your blog posts.

4€ für 3 Tage 29€ für Monat

4€ für 3 Tage 29€ für Monat 59€ für 3 Monate Teen Extreme präsentiert heisse Teen Hardcore Bilder bester Qualität.

Es geht einfach nicht, ich

Es geht einfach nicht, ich fühle mich dabei sofort bedrängt und überfordert.

Hi! I know this is kind of

Hi! I know this is kind of off topic but I was wondering if you
knew where I could get a captcha plugin for my comment form?
I'm using the same blog platform as yours and I'm having trouble finding one?
Thanks a lot!

Falls Sie die Schallplatte

Falls Sie die Schallplatte besitzen & verkaufen möchten, setzen Sie sich bitte mit mir in Verbindung.

Stehst du auf heissen fetish

Stehst du auf heissen fetish latex lack leder und allem was mit dem thema zu tun hat ?

Weitere Informationen… Und

Weitere Informationen… Und noch ein Hinweis: Der Schulwettbewerb Biber der Informatik findet heuer 9.

die hübsche Mädchen stehen

die hübsche Mädchen stehen alle ordentlich Linie …..

aber gut, es ist nur wirklich

aber gut, es ist nur wirklich eine schöne nackte junge Frau, und ich möchte sie trotzdem zeigen …..

Der Seher sieht Himmel und

Der Seher sieht Himmel und Erde vor der Macht des Weltenrichters fliehen.

Normal kann ich die

Normal kann ich die wegkämmen, aber heute musste ich sie schon 2x glätten.

Hartes Licht und dunkle

Hartes Licht und dunkle Hintergründe sind ideal dafür.

There's certainly a great

There's certainly a great deal to know about this subject.
I really like all of the points you've made.
15 of 80

Having read this I believed

Having read this I believed it was very informative.

I appreciate you taking the time and energy to put this content
together. I once again find myself spending a lot of time both reading and posting comments.
But so what, it was still worthwhile! 15 Percent of 40

Wow, superb blog format! How

Wow, superb blog format! How long have you been running a blog
for? you make blogging look easy. The entire look of your web
site is magnificent, as well as the content!

Due to the nature of pet care

Due to the nature of pet care the veterinary technician is
also essential to be qualified in the care of animals.

My web blog ... paid game review jobs (Carolyn)

Amazing! Its truly awesome

Amazing! Its truly awesome paragraph, I have got much clear
idea on the topic of from this paragraph.

Here is my web blog stufranks.systems (Concepcion)

After deciding on Androoid or

After deciding on Androoid or iOS you want to click to connect system and link the machine or
your account to the hack instrument.

Hello! I understand this is

Hello! I understand this is sort of off-topic however I had to ask.

Does building a well-established blog like yours require a lot of
work? I'm brand new to running a blog however I do write in my diary on a daily
basis. I'd like to start a blog so I can easily share my experience
and feelings online. Please let me know if you have any
kind of recommendations or tips for new aspiring bloggers.
Thankyou!

Great blog here! Also your

Great blog here! Also your site loads up very fast!
What host are you using? Can I get your affiliate link to your host?
I wish my web site loaded up as fast as yours lol

Here is my blog post ... hwrezepte.de - Karri -

When you lose weight and you

When you lose weight and you do it the right way, you get to
relax and stay healthy as well as safe. The most sensible
and scientific way of losing weight is to increase your activity level and reduce intake.
Have grapes instead of a candy bar, as a snack today.

Feel free to surf to my web blog; quickest way to lose weight

Pretty great post. I just

Pretty great post. I just stumbled upon your blog and wanted
to say that I have really loved surfing around your blog posts.
After all I will be subscribing in your rss feed and I hope you write again soon!

Remain as active as possible

Remain as active as possible during a bout of back pain,
as it has been shown that activity is more helpful
to recovery than lying in bed.

If it's an old policy, there

If it's an old policy, there could be points that you require in the future, which aren't covered in your policy.

Feel free to visit my homepage :: opponent victory

It's also best to bring in a

It's also best to bring in a sketch or pictures of the types of modifications you want,
since verbal descriptions can sometimes lead to misunderstandings.
The marriage is a special occasion where the bridesmaid will be present near the bride and the mother of the bride also
will be on the stage. There are three common shape to plus sized women: apple, pear, and hourglass.
An all-purpose handbag- Most girls can never have enough handbags in their wardrobe, so
no matter how many different ones you have seen her flaunt,
this still remains one gift that you cannot go wrong with.
Yes, dresses,
suits, decorations, flower arrangements, everything.
Especially, the versatile A-line is easy to become a favorite in any girl.

Chew your food properly and

Chew your food properly and eat it off a pretty plate.
However, it can be made easier than it appears to you. Chlorogenic acid
is a naturally-occurring phytochemical found mainly in fruits,
vegetables, and coffee.

Also visit my site the instant switch review

I am really thankful to the

I am really thankful to the holder of this website who has shared this
enormous paragraph at here.

And not all of us are lucky

And not all of us are lucky enough to have enough garage space (or even a garage at all) at home to store an automobile or other vehicle.
The fan even got to jam out and play two songs with the band, and the smile on that guys face
was priceless. Keen to hit the ground operating now with these shed and garage strategies.

You need to take part in a

You need to take part in a contest for one of the
highest quality websites on the net. I will recommend this website!

Hozzászólás

A mező tartalma nem nyilvános.
  • Internal paths in double quotes, written as "internal:node/99", for example, are replaced with the appropriate absolute URL or relative path.
  • Engedélyezett HTML elemek: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <del> <img>
  • A webcímek és email címek automatikusan linkekké alakulnak.
  • A sorokat és bekezdéseket a rendszer automatikusan felismeri.
  • Engedélyezett HTML elemek: <a> <blockquote> <br> <cite> <code> <dd> <del> <div> <dl> <dt> <em> <li> <ol> <p> <span> <strong> <ul>
  • You can enable syntax highlighting of source code with the following tags: <code>, <blockcode>, <bash>, <c>, <cpp>, <drupal5>, <drupal6>, <java>, <javascript>, <mysql>, <php>, <python>, <ruby>, <sql>. The supported tag styles are: <foo>, [foo].
  • Minden email cím át lesz alakítva ember által olvasható módon, vagy (ha a JavaScript engedélyezett) ki lesz cserélve kattintható, de biztonságos hivatkozásra.