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.
  • 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'm gone to say to my little

I'm gone to say to my little brother, that he should also go to see this web site on regular
basis to get updated from most up-to-date information.

I have read so many content

I have read so many content regarding the blogger
lovers except this post is truly a pleasant post, keep it
up.

Why users still make use of

Why users still make use of to read news papers when in this technological globe the whole thing is available on net?

For the reason that the admin

For the reason that the admin of this website is working, no uncertainty very soon it will be famous, due to its quality contents.

Independance Immobilière -

Independance Immobilière - Agence Dakar Sénégal
Av. Fadiga, Immeuble Lahad Mbacké
BP 2975 Dakar
+221 33 823 39 30

Agence Immobilière Dakar

I am actually grateful to the holder of this website who has shared this impressive post at
here.

This paragraph will help the

This paragraph will help the internet visitors for setting up
new blog or even a weblog from start to end.
Jim's San Jose Carpet Cleaning
780 S 3rd St, San Jose, CA 95112
3408-351-1063
colettemackie2641 [at] gmail [dot] com

Great beat ! I would like to

Great beat ! I would like to apprentice whilst you amend your website,
how can i subscribe for a blog web site?
The account aided me a applicable deal. I have been a little bit acquainted of this
your broadcast offered brilliant clear idea

I am really grateful to the

I am really grateful to the holder of this website who has shared this wonderful article at
at this time.

FlexBuild Huntington Beach Concrete Company
2520 Florida St, Huntington Beach, CA 92648
714-410-5374
suzannaweiss98719 [at] gmail [dot] com

I think this is among the

I think this is among the most significant info for
me. And i am glad reading your article. But want to remark on some general things, The web site style is wonderful, the articles
is really nice : D. Good job, cheers

Hi, i believe that i saw you

Hi, i believe that i saw you visited my web site thus i came to return the prefer?.I am
trying to to find things to enhance my site!I
suppose its good enough to use some of your concepts!!

Right away I am ready to do

Right away I am ready to do my breakfast, later
than having my breakfast coming yet again to read additional news.

Wow, this article is nice, my

Wow, this article is nice, my sister is analyzing such things, thus I am going to inform her.

OutOfSight Hayward Junk Removal Pros
1366 Homestead Ln, Hayward, CA 94545
510-621-6379
joeyedmonds38572 [at] gmail [dot] com

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 wonderful info I was looking for this info for my
mission.

Hi there! I just wanted to

Hi there! I just wanted to ask if you ever have any issues with hackers?

My last blog (wordpress) was hacked and I ended up losing a few months of hard work due to no data backup.
Do you have any solutions to stop hackers?

You should be a part of a

You should be a part of a contest for one of the most useful blogs on the web.
I most certainly will highly recommend this website!

Have you ever thought about

Have you ever thought about including a little bit more than just your articles?
I mean, what you say is important and all. But imagine
if you added some great pictures or video clips to give your posts more, "pop"!
Your content is excellent but with pics and clips,
this website could definitely be one of the very best in its field.
Superb blog!

I was recommended this

I was recommended this website by means of my cousin. I am now not certain whether this submit is written by way of him as nobody else realize such designated approximately my trouble.

You are wonderful! Thanks!

Hello, I read your blog on a

Hello, I read your blog on a regular basis. Your humoristic style
is awesome, keep up the good work!

Now I am going to do my

Now I am going to do my breakfast, after having my breakfast
coming again to read other news.

Howdy! This is my first

Howdy! This is my first comment here so I just wanted to give
a quick shout out and say I truly enjoy reading through your posts.

Can you recommend any other blogs/websites/forums that
go over the same subjects? Thanks a ton!

We're a group of volunteers

We're a group of volunteers and opening a new scheme in our
community. Your web site offered us with valuable info to work on. You've done an impressive job and our
whole community will be grateful to you.

I think the admin of this web

I think the admin of this web page is genuinely working hard in favor of his
web page, because here every stuff is quality based information.

Awesome! Its in fact amazing

Awesome! Its in fact amazing piece of writing, I have got much clear idea about
from this article.

Whats up this is somewhat of

Whats up this is somewhat of off topic but I was wondering if
blogs use WYSIWYG editors or if you have to manually code with HTML.
I'm starting a blog soon but have no coding skills so
I wanted to get advice from someone with experience. Any help would be enormously appreciated!

Hi there, its good piece of

Hi there, its good piece of writing concerning media print, we all
be familiar with media is a enormous source of facts.

Magnificent beat ! I would

Magnificent beat ! I would like to apprentice while you amend
your web site, how could i subscribe for a weblog site?
The account helped me a applicable deal. I have been tiny bit acquainted of this your broadcast offered shiny clear idea

Wow that was odd. I just

Wow that was odd. I just wrote an incredibly long comment but after I clicked submit my comment didn't appear.
Grrrr... well I'm not writing all that over again. Anyway, just wanted to
say fantastic blog!

I loved as much as you will

I loved as much as you will receive carried out right here.
The sketch is tasteful, your authored subject matter stylish.

nonetheless, you command get got an nervousness over that
you wish be delivering the following. unwell unquestionably come further formerly again since exactly the same nearly a
lot often inside case you shield this hike.

Article writing is also a

Article writing is also a excitement, if you know afterward
you can write or else it is complicated to write.

Hi there! I know this is

Hi there! I know this is kinda off topic nevertheless I'd
figured I'd ask. Would you be interested in exchanging links or maybe guest authoring a blog post or vice-versa?
My blog addresses a lot of the same subjects as yours and I believe we could greatly benefit from
each other. If you might be interested feel free
to shoot me an e-mail. I look forward to hearing from you!
Terrific blog by the way!

Have you ever considered

Have you ever considered publishing an e-book or guest authoring
on other blogs? I have a blog centered on the same information you discuss
and would really like to have you share some stories/information. I know my audience would enjoy your work.
If you are even remotely interested, feel free to send me an e mail.

I like what you guys tend to

I like what you guys tend to be up too. This sort of clever work and coverage!

Keep up the excellent works guys I've added you guys to blogroll.

Its like you read my mind!

Its like you read my mind! You seem to know a lot about this,
like you wrote the book in it or something. I think that
you could do with some pics to drive the message home a bit, but other than that, this is fantastic
blog. A great read. I'll definitely be back.

Thank you for every other

Thank you for every other great article. Where else could anyone get that kind of information in such an ideal method of writing?
I've a presentation subsequent week, and I'm at the look for such information.

Oh my goodness! Impressive

Oh my goodness! Impressive article dude! Thanks, However I am encountering troubles with your RSS.
I don't know why I am unable to subscribe to it. Is there anybody else having similar RSS issues?

Anyone who knows the solution will you kindly respond?

Thanx!!

I needed to thank you for

I needed to thank you for this great read!! I definitely
loved every bit of it. I have got you saved as a favorite to
check out new stuff you post…

Good post. I learn something

Good post. I learn something totally new and challenging on websites I stumbleupon everyday.
It will always be interesting to read content from other writers and practice
something from other sites.

I got this web page from my

I got this web page from my pal who informed me on the topic of this web site and
now this time I am browsing this web page and reading very informative posts at this time.

My brother recommended I

My brother recommended I might like this blog.
He was once entirely right. This put up truly made my day.
You cann't imagine just how much time I had spent for this information! Thank you!

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

Yes! Finally someone writes

Yes! Finally someone writes about asset manager.

When I initially commented I

When I initially commented I clicked the "Notify me when new comments are added" checkbox and now each time a comment is added I get
four e-mails with the same comment. Is there any way you can remove me from that service?
Cheers!

Hello there! I know this is

Hello there! I know this is kinda off topic but I was wondering if
you knew where I could find a captcha plugin for my comment
form? I'm using the same blog platform as yours and I'm
having difficulty finding one? Thanks a lot!

When someone writes an piece

When someone writes an piece of writing he/she retains the plan of a user in his/her mind that how a
user can be aware of it. So that's why this post is great.
Thanks!

Amazing blog! Do you have any

Amazing blog! Do you have any suggestions for aspiring writers?
I'm planning to start my own site soon but I'm a little lost on everything.

Would you recommend starting with a free platform like Wordpress
or go for a paid option? There are so many options out there that I'm completely confused ..
Any suggestions? Bless you!

I have to thank you for the

I have to thank you for the efforts you have put in writing this website.
I'm hoping to check out the same high-grade content by you
in the future as well. In truth, your creative writing
abilities has motivated me to get my very own blog
now ;)

This info is worth everyone's

This info is worth everyone's attention. How can I find out more?

Good way of explaining, and

Good way of explaining, and fastidious piece of writing to get information about my presentation focus,
which i am going to deliver in school.

This piece of writing

This piece of writing provides clear idea designed for
the new users of blogging, that genuinely how to do blogging.

Hello to every body, it's my

Hello to every body, it's my first pay a visit of this website;
this webpage carries amazing and genuinely good
material in support of visitors.

Keep on working, great job!

Keep on working, great job!

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.