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

  • GeSHi library error: sites/all/modules/geshifilter/geshi is not a directory.
  • GeSHi library error: sites/all/modules/geshifilter/geshi is not a directory.
  • GeSHi library error: sites/all/modules/geshifilter/geshi is not a directory.
  • GeSHi library error: sites/all/modules/geshifilter/geshi is not a directory.
  • GeSHi library error: sites/all/modules/geshifilter/geshi is not a directory.
  • GeSHi library error: sites/all/modules/geshifilter/geshi is not a directory.
  • GeSHi library error: sites/all/modules/geshifilter/geshi is not a directory.
  • GeSHi library error: sites/all/modules/geshifilter/geshi is not a directory.
  • GeSHi library error: sites/all/modules/geshifilter/geshi is not a directory.
  • GeSHi library error: sites/all/modules/geshifilter/geshi is not a directory.
  • GeSHi library error: sites/all/modules/geshifilter/geshi is not a directory.
  • GeSHi library error: sites/all/modules/geshifilter/geshi is not a directory.
  • GeSHi library error: sites/all/modules/geshifilter/geshi is not a directory.
  • GeSHi library error: sites/all/modules/geshifilter/geshi is not a directory.
  • GeSHi library error: sites/all/modules/geshifilter/geshi is not a directory.
  • GeSHi library error: sites/all/modules/geshifilter/geshi is not a directory.
  • GeSHi library error: sites/all/modules/geshifilter/geshi is not a directory.
  • GeSHi library error: sites/all/modules/geshifilter/geshi is not a directory.
  • GeSHi library error: sites/all/modules/geshifilter/geshi is not a directory.
  • GeSHi library error: sites/all/modules/geshifilter/geshi is not a directory.
  • GeSHi library error: sites/all/modules/geshifilter/geshi is not a directory.
  • GeSHi library error: sites/all/modules/geshifilter/geshi is not a directory.
  • GeSHi library error: sites/all/modules/geshifilter/geshi is not a directory.
  • GeSHi library error: sites/all/modules/geshifilter/geshi is not a directory.
  • GeSHi library error: sites/all/modules/geshifilter/geshi is not a directory.
  • GeSHi library error: sites/all/modules/geshifilter/geshi is not a directory.
  • GeSHi library error: sites/all/modules/geshifilter/geshi is not a directory.
  • GeSHi library error: sites/all/modules/geshifilter/geshi is not a directory.
  • GeSHi library error: sites/all/modules/geshifilter/geshi is not a directory.
  • GeSHi library error: sites/all/modules/geshifilter/geshi is not a directory.
  • GeSHi library error: sites/all/modules/geshifilter/geshi is not a directory.
  • GeSHi library error: sites/all/modules/geshifilter/geshi is not a directory.
  • GeSHi library error: sites/all/modules/geshifilter/geshi is not a directory.
  • GeSHi library error: sites/all/modules/geshifilter/geshi is not a directory.
  • GeSHi library error: sites/all/modules/geshifilter/geshi is not a directory.
  • GeSHi library error: sites/all/modules/geshifilter/geshi is not a directory.
  • GeSHi library error: sites/all/modules/geshifilter/geshi is not a directory.
  • GeSHi library error: sites/all/modules/geshifilter/geshi is not a directory.
  • GeSHi library error: sites/all/modules/geshifilter/geshi is not a directory.
  • GeSHi library error: sites/all/modules/geshifilter/geshi is not a directory.
  • GeSHi library error: sites/all/modules/geshifilter/geshi is not a directory.
  • GeSHi library error: sites/all/modules/geshifilter/geshi is not a directory.
  • GeSHi library error: sites/all/modules/geshifilter/geshi is not a directory.
  • GeSHi library error: sites/all/modules/geshifilter/geshi is not a directory.
  • GeSHi library error: sites/all/modules/geshifilter/geshi is not a directory.
  • GeSHi library error: sites/all/modules/geshifilter/geshi is not a directory.
  • GeSHi library error: sites/all/modules/geshifilter/geshi is not a directory.
  • GeSHi library error: sites/all/modules/geshifilter/geshi is not a directory.
  • GeSHi library error: sites/all/modules/geshifilter/geshi is not a directory.
  • 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

I'll immediately seize your

I'll immediately seize your rss as I can not find your email subscription link
or e-newsletter service. Do you've any? Please allow me recognise so that
I may just subscribe. Thanks.

Spot on with this write-up, I

Spot on with this write-up, I seriously think this amazing site needs far more
attention. I'll probably be returning to read more, thanks for the advice!

I'm not sure where you're

I'm not sure where you're getting your info, but great topic.

I needs to spend some time learning more or understanding more.
Thanks for fantastic information I was looking for this information for my
mission.

I like the helpful info you

I like the helpful info you provide in your articles.
I'll bookmark your weblog and check again here frequently.
I'm quite sure I will learn many new stuff right here!

Good luck for the next!

Hi there to all, it's truly a

Hi there to all, it's truly a nice for me to pay
a visit this website, it contains priceless Information.

If you're looking for a

If you're looking for a proven and reliable casino company, this is it. You can enjoy various games such as baccarat, blackjack, roulette, mezabo, and big wheel safely.
https://www.yeah77.com

Keep this going please, great

Keep this going please, great job!
Jay's Santa Clarita Tree Removal Kings
26174 Las Lanas Ct, Santa Clarita, CA 91355
661-464-1270
laureljefferson09875 [at] gmail [dot] com

It's going to be ending of

It's going to be ending of mine day, however before end I am reading this enormous post to increase my experience.

I got this web site from my

I got this web site from my friend who shared with me regarding this web page and now this
time I am visiting this site and reading very informative articles at this place.

You really make it seem so

You really make it seem so easy with your presentation but I find this matter to be really something which I
think I would never understand. It seems too
complex and extremely broad for me. I am looking forward for your next post,
I will try to get the hang of it!

I know this website presents

I know this website presents quality based posts and other stuff,
is there any other web site which provides these kinds of things in quality?

Hello all, here every one is

Hello all, here every one is sharing these kinds of familiarity, thus it's nice
to read this weblog, and I used to go to see this
web site every day.
Jay's Santa Clarita Tree Removal Kings
26174 Las Lanas Ct, Santa Clarita, CA 91355
661-464-1270
laureljefferson09875 [at] gmail [dot] com

Yesterday, while I was at

Yesterday, while I was at work, my cousin stole my apple ipad and tested to see if it can survive a forty foot drop, just so she can be a youtube sensation. My iPad is now broken and she has 83 views. I know this is entirely off topic but I had to share it with someone!|

Excellent way of telling, and

Excellent way of telling, and fastidious piece of writing to obtain information concerning my presentation focus, which i am going to convey in school.

I know this web page presents

I know this web page presents quality based posts and other data, is there any other web page which offers such information in quality?|

Oh my goodness! Incredible

Oh my goodness! Incredible article dude! Many thanks,
However I am going through troubles with your RSS.

I don't know the reason why I am unable to subscribe to it.
Is there anybody else having identical RSS issues?
Anyone that knows the solution will you kindly respond?
Thanx!!

Wow that was unusual. I just

Wow that was unusual. I just wrote an extremely long comment but after I clicked submit my comment didn't show up.
Grrrr... well I'm not writing all that over again. Regardless, just wanted to say
fantastic blog!

Hmm it looks like your blog

Hmm it looks like your blog ate my first comment (it was super long) so I guess I'll just sum it up what I had written and say, I'm thoroughly enjoying your blog. I as well am an aspiring blog writer but I'm still new to everything. Do you have any suggestions for novice blog writers? I'd really appreciate it.|

Fantastic website you have

Fantastic website you have here but I was curious if you knew of any user discussion forums that cover
the same topics discussed here? I'd really love to be a part of online community where I can get
feed-back from other experienced individuals that share the same interest.
If you have any suggestions, please let me know. Appreciate it!

Hello, yup this post is

Hello, yup this post is actually good and I have learned lot of things
from it about blogging. thanks.

Nice blog here! Also your

Nice 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

Thanks for sharing your

Thanks for sharing your thoughts about medical doctor. Regards

Hi, everything is going well

Hi, everything is going well here and ofcourse every one is sharing data, that's in fact good, keep up writing.|

I think this is one of the

I think this is one of the most important info for me.
And i'm glad reading your article. But want to remark on few general things,
The web site style is great, the articles is really
excellent : D. Good job, cheers

I'm really enjoying the

I'm really enjoying the design and layout of your site.

It's a very easy on the eyes which makes it much more pleasant for me to come here and
visit more often. Did you hire out a developer to create
your theme? Great work!
Jim's San Jose Carpet Cleaning
780 S 3rd St, San Jose, CA 95112
3408-351-1063
colettemackie2641 [at] gmail [dot] com

Hey! I'm at work browsing

Hey! I'm at work browsing your blog from my new apple iphone! Just wanted to say I love reading through your blog and look forward to all your posts! Keep up the superb work!|

Hello, Neat post. There is an

Hello, Neat post. There is an issue with your website in web explorer,
may test this? IE still is the marketplace chief and a large element of people will miss
your fantastic writing because of this problem.

Thanks for your marvelous

Thanks for your marvelous posting! I quite enjoyed reading it, you might be a great author. I will make sure to bookmark your blog and definitely will come back from now on. I want to encourage one to continue your great posts, have a nice holiday weekend!|

Wonderful article! This is

Wonderful article! This is the type of info that are meant
to be shared across the net. Shame on the seek engines for now not positioning
this put up upper! Come on over and consult with my web site .

Thanks =)

Quality articles is the key

Quality articles is the key to be a focus for the users to pay a visit the web site, that's what this site is providing.

I like the helpful

I like the helpful information you provide in your articles.
I'll bookmark your weblog and check again here frequently.
I am quite sure I'll learn lots of new stuff right here! Good
luck for the next!
OutOfSight Hayward Junk Removal Pros
1366 Homestead Ln, Hayward, CA 94545
510-621-6379
joeyedmonds38572 [at] gmail [dot] com

I love your blog.. very nice

I love your blog.. very nice colors & theme. Did you create this website yourself or did
you hire someone to do it for you? Plz reply
as I'm looking to design my own blog and would like to know
where u got this from. kudos

Wow, marvelous weblog

Wow, marvelous weblog structure! How long have you been blogging for? you made running a blog look easy. The full look of your web site is wonderful, as smartly as the content!

An impressive share! I have

An impressive share! I have just forwarded this onto a coworker who was conducting a little research on this.
And he actually bought me lunch simply because I discovered it
for him... lol. So allow me to reword this.... Thank YOU for the meal!!
But yeah, thanks for spending time to discuss this topic here on your website.

Jim's San Jose Carpet Cleaning
780 S 3rd St, San Jose, CA 95112
3408-351-1063
colettemackie2641 [at] gmail [dot] com

Hello there, You have done a

Hello there, You have done a fantastic job. I'll certainly digg it and personally recommend to my friends.

I'm confident they will be benefited from this site.

Thanks for finally writing

Thanks for finally writing about >Válasz a hozzászólásra

Great blog! Do you have any

Great blog! Do you have any tips and hints for aspiring
writers? I'm hoping to start my own website soon but I'm a little lost on everything.

Would you propose starting with a free platform like Wordpress
or go for a paid option? There are so many choices out there
that I'm totally overwhelmed .. Any recommendations? Thank you!

I must thank you for the

I must thank you for the efforts you have put in writing this blog. I am hoping to view the same high-grade blog posts by you in the future as well. In fact, your creative writing abilities has encouraged me to get my very own blog now ;)|

Pretty section of content. I

Pretty section of content. I simply stumbled upon your website and
in accession capital to say that I get actually enjoyed account your blog posts.
Anyway I'll be subscribing on your augment and
even I success you get right of entry to constantly fast.

I have been exploring for a

I have been exploring for a little bit for any high quality articles or blog posts in this kind of house .
Exploring in Yahoo I ultimately stumbled upon this site.
Reading this information So i am glad to exhibit that I've a very good uncanny
feeling I discovered just what I needed. I such a lot definitely will make sure to
don?t put out of your mind this site and provides it a glance on a relentless basis.

Thanks for some other

Thanks for some other wonderful article.
The place else could anybody get that kind of information in such a perfect means of writing?
I've a presentation next week, and I'm on the look for such info.

My partner and I absolutely

My partner and I absolutely love your blog and find the majority of your post's to be just what
I'm looking for. Does one offer guest writers to
write content for you? I wouldn't mind publishing
a post or elaborating on a lot of the subjects you write regarding here.
Again, awesome web site!

It's great that you are

It's great that you are getting ideas from this paragraph
as well as from our discussion made here.

Very soon this website will

Very soon this website will be famous among all blogging people, due to it's pleasant posts

Very good blog post. I

Very good blog post. I certainly love this site. Continue the good work!

This is my first time pay a

This is my first time pay a quick visit at here and i am in fact impressed to read all at one place.

After exploring a handful of

After exploring a handful of the blog posts on your web page,
I truly appreciate your technique of blogging.
I bookmarked it to my bookmark webpage list and will be checking back
soon. Please visit my website too and tell me how you feel.

Hello everybody, here every

Hello everybody, here every one is sharing these know-how, so
it's good to read this webpage, and I used to pay
a visit this website daily.

Thank you for the auspicious

Thank you for the auspicious writeup. It if truth be told was
a leisure account it. Glance complex to far brought agreeable from you!
By the way, how can we keep in touch?
Jay's Santa Clarita Tree Removal Kings
26174 Las Lanas Ct, Santa Clarita, CA 91355
661-464-1270
laureljefferson09875 [at] gmail [dot] com

Hi everyone, it's my first

Hi everyone, it's my first pay a visit at this website, and piece of writing is genuinely fruitful in favor of me, keep up posting such articles.|

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.