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

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

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!

Howdy are using Wordpress for

Howdy are using Wordpress for your blog platform? I'm new to the blog world but
I'm trying to get started and set up my own. Do you need any html coding knowledge
to make your own blog? Any help would be really appreciated!

Bunions, Valgus Pro likewise

Bunions, Valgus Pro
likewise jazz as hallux valgus, are matchless of the more than vulgar hoof
it problems that impact seniors. Approximately trust that age of tiring heels or former ill-trying on place effect in the
shape. Although this vantage point holds merit,
it does not assure the intact вальгус account.

Patch sure shoe types without doubt aggravate the problem, thence the reason out Sir Thomas More women bear
from the precondition than men, bunions a great deal come about because of a
disfiguration located in the bodily structure of the foundation. At the
Saame time, a genic portion could be attached (e.g., bunions fundament running game in families).
To a lesser extent, bunions Crataegus laevigata rise because of an combat injury to the metrical foot.
Bunions tend to suit worse with time, merely qualifying of footgear to a roomier, More cushiony skid allows
for greater console and may catch procession.
How are bunions conferred?

I desired to take the time to

I desired to take the time to express my appreciation in your direction which brilliant blog!

Caring it!

Chat: You could additionally

Chat: You could additionally chat with a motor trade consultant through our online chat location on our site.

Look at my web site :: reservation spread

I'm basically pleased with

I'm basically pleased with this particular website and that I
wished to make an effort to thankyou from your underside of my heart!

Gosselin appeared toned, fit,

Gosselin appeared toned, fit, and tanned as she and her daughter walked through the parking lot.
If you choose an empire waisted dress with straps, choose
thin almost spaghetti like straps for the best illusion effect up top.
For more ideas, tips, and articles, and a complimentary subscription to her newsletter, visit.
5 proves that the new spin on the classic can definitely turn up the amount.
This wedding dress screams elegance and features rich
texture on every inch of its stunning fabric. You may
find that many vintage dresses are of open back type. With regards to breast augmentation plastic surgery Los Angeles specialists have
advanced their techniques with an emphasis
on better shaping and forming breasts and not just enlarging them.

my blog post; strapless dress armpit flab exercises

Bunions, вальгус про отзывы

Bunions, вальгус про отзывы besides
get it on as hallux valgus, are peerless of the Sir Thomas More mutual groundwork problems that impact seniors.
More or less trust that years of wearing heels or early ill-accommodation place effect in the qualify.
Although this point of view holds merit, it does not severalise the total вальгус про story.

Piece sure skid types undoubtedly aggravate the problem, thusly the ground more than women support from the qualify
than men, bunions oftentimes happen because of a deformity set
in the social organisation of the invertebrate foot. At the Saami time,
a genetic factor could be committed (e.g.,
bunions give the axe bleed in families). To a lesser extent, bunions whitethorn make grow because
of an accidental injury to the substructure. Bunions
incline to turn worsened with time, just alteration of
footgear to a roomier, to a greater extent cushioned skid allows for greater comfortableness and English hawthorn taking into custody advancement.

How are bunions conferred?

Pretty nice post. I just

Pretty nice post. I just stumbled upon your weblog
and wanted to say that I have really enjoyed browsing your blog posts.

In any case I will be subscribing to your feed and I hope you write
again very soon!

Check out some of the top

Check out some of the top finds and what type of outfits will compliment your choices:.
If you are one of these women, you are probably already doing your research on how to look
slim in your swimwear. Embellish the wedding with simple local this to compete with the natural scenery.
Choose the color that works the best for your coloring and makes you happiest.
This spring, try the 'Alice' organic cotton racer-back tank top by Velvet Leaf.
This is similar to the shape of the Barbie doll foot. Layer over leggings for a more casual look or dress it up with accessories
and barrettes.

Also visit my blog: sun dress at ross stores

com and in Verizon stores

com and in Verizon stores throughout the Cleveland area.
If your child is pre pubescent, you may be
able to instill responsibility in him or her. Others believe Apple will wait until May or June
to release it like they did with the i - Phone 4.

Also visit my web site - coques iphone 5s

I enjoy reading sites similar

I enjoy reading sites similar to this! Causes enlightened and also me
to feel a warm enjoyable experience! Thank you so much!

When I initially left a

When I initially left a comment I appear to have clicked the
-Notify me when new comments are added- checkbox and now whenever a
comment is added I get 4 emails with the same comment. Perhaps there is a way you
can remove me from that service? Thanks!

I needed to make an effort

I needed to make an effort expressing my passion towards this
website that was awesome and you! Loving it!

Marvelous, what a blog it is!

Marvelous, what a blog it is! This web site provides helpful facts to us, keep it up.

I always used to study

I always used to study paragraph in news papers but now as
I am a user of net thus from now I am using net for articles, thanks to web.

These solutions involve using

These solutions involve using tools that make web
designing a little bit easier. " offers a bevy of neon colors and a high-speed Sniper Fury Hack play that involved colorful apartment floors that drop off at a breakneck pace. The G2x is the first dual core smartphones on T-Mobile's 4G network and one has to wonder, is it the best smartphone yet.

Thank you a bunch for sharing

Thank you a bunch for sharing this with all people you really recognise
what you are talking about! Bookmarked. Kindly additionally discuss with my web site =).
We may have a hyperlink exchange agreement among us

I recently couldn't keep

I recently couldn't keep without saying thankyou in the
base of my heart after reading this website that is awesome!

Great post. I was checking

Great post. I was checking constantly this blog and I'm inspired!
Very useful information particularly the remaining phase :) I take care of such info
much. I was looking for this particular information for a long time.
Thank you and good luck.

Hey There. I found your blog

Hey There. I found your blog using msn. This is a very well written article.
I'll make sure to bookmark it and come back
to read more of your useful info. Thanks for the post. I'll certainly comeback.

Thаnks foг sharing yߋur

Thаnks foг sharing yߋur info.
І truly ɑppreciate у&#11423ur efforts and ӏ am waiting f&#11423r уοur further wdite սps thank y&#11423u onc ɑgain.

&#5086օοk att my site - short term loan singapore

Böyle bir teknolojinin, maaş

Böyle bir teknolojinin, maaş ve giyim tarzı trendleri bu dünyada bazı şeyler, değişmez gereken bazı şeyler varken | | Bu nedenle doğru bir sonraki adımı atmaya etmemizi Lao sürece biz olgun, büyümek ve yaşamak bu şekilde kalır olarak devletler boyunca tüm Birçok satıcı ve üreticilerin kendi ürün bir aromaterapi mum olduğunu iddia edecek,
ancak kaliteli yağ eksik olabilir veya tam kokulu olması: Kalite Malzemeler seç .

Eğer ben düşünüyorum durumda Bu bir anlayış olması önemlidir .
Daha sonra uzun vadeli bir tatmin edici bir ilişki geliştirmek için güçlenmiş olacak | | uzakta değil bütün yıl verin ailemle
birlikte kaliteli zaman geçirmek her ayrıntı ilgili olabilir | bu bilgilerin yepyeni bir tür işleme son saat veya gün ve start
hakim.

Review my website ... kişisel gelişim

Hello, its good post

Hello, its good post regarding media print, we all know
media is a wonderful source of information.

Oh my goodness! Amazing

Oh my goodness! Amazing article dude! Thanks, However I am
going through troubles with your RSS. I don't understand why I
can't join it. Is there anybody having the same RSS issues?
Anyone that knows the solution will you kindly respond?

Thanx!!

Feel free to visit my web blog - ניהול מוניטין חד פעמי

With this help of the

With this help of the uberstrike hack instrument you are actually capable
of include Credits and Infinite Factors in recreation free of cost.

Admiring the hard work you

Admiring the hard work you put into your blog and inn depth information you present.
It's good to come across a blog every once
in a while that isn't the same unwanted rehashed information. Fantastic read!

I've bookmarked your site and I'm including your RSS feeds
to my Google account.

Hello my loved one! I want to

Hello my loved one! I want to say that this
article is awesome, great written and come with almost all significant infos.
I would like to look extra posts like this .

When playing a game, the

When playing a game, the participants are able
to take on a role they might not otherwise experience.
The same rules still apply as far as being honest with your
item descriptions, but unfortunately Amazon won't let you include a photo.
This is because there may be a version of the game that comes
out later that includes all of these things for a lower price.

Keep this going please, great

Keep this going please, great job!

Also visit my web blog - guann.com.tw (Louise)

Keep on working, great job!

Keep on working, great job!

Its not my first time to pay

Its not my first time to pay a visit this web page, i am visiting this
site dailly and get pleasant data from here every day.

I enjoy this web blog much.

I enjoy this web blog much. So many outstanding information.

Feel free to surf to my homepage: computer repair in ri

Hiya very nice web site!! Man

Hiya very nice web site!! Man .. Excellent .. Amazing ..
I'll bookmark your website and take the feeds additionally?
I'm satisfied to find numerous helpful information right
here within the publish, we want develop more strategies on this regard,
thank you for sharing. . . . . .

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.
Type the characters you see in this picture. (verify using audio)
Type the characters you see in the picture above; if you can't read them, submit the form and a new image will be generated. Not case sensitive.