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.
  • 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

No matter if some one

No matter if some one searches for his essential thing,
so he/she wishes to be available that in detail, so that thing is maintained over here.

I like the helpful info you

I like the helpful info you provide in your articles. I will bookmark your blog and check again here frequently.
I am quite sure I'll learn many new stuff right here!
Best of luck for the next!

Excellent beat ! I would like

Excellent beat ! I would like to apprentice even as you amend your site, how could i subscribe for a blog site?
The account helped me a appropriate deal. I had been a little bit familiar of this your broadcast provided bright transparent concept

I appreciate, result in I

I appreciate, result in I found exactly what I was having a look for.
You have ended my 4 day long hunt! God Bless you man. Have a nice day.
Bye

Yes, despite all that listing

Yes, despite all that listing down, you will still ought to
sit and compose a complete response, much the
same way you would write any essay. Cross out any irrelevant ones to
make your very best that will put them in to a logical order.
If you say because again and again, one and only thing
the reader will probably be aware of is simply because - it'll
stifle your argument and it is at the top of their list of stuff you should
avoid inside your academic work.

I am genuinely delighted to

I am genuinely delighted to read this webpage posts which
consists of plenty of helpful information, thanks for
providing these kinds of data.

cousin in law

cousin in law

I think the admin of this

I think the admin of this site is genuinely working hard in favor of his web site, since here every
data is quality based stuff.

Wow! After all I got a weblog

Wow! After all I got a weblog from where I can really take
valuable data regarding my study and knowledge.

Greate pieces. Keep writing

Greate pieces. Keep writing such kind of information on your site.
Im really impressed by it.
Hey there, You've done a fantastic job. I will certainly digg it and individually suggest to my friends.
I'm confident they will be benefited from this site.

Hi there! I could have sworn

Hi there! I could have sworn I've visited this website before
but after going through some of the posts I realized it's new to me.

Regardless, I'm certainly happy I came across it and I'll be book-marking it and checking back regularly!

Hi would you mind letting me

Hi would you mind letting me know which webhost you're utilizing?
I've loaded your blog in 3 different internet browsers and I
must say this blog loads a lot faster then most. Can you recommend a good web hosting provider at a fair price?
Many thanks, I appreciate it!

We're a group of volunteers

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

Excellent post. I absolutely

Excellent post. I absolutely love this website. Keep writing!

Do you mind if I quote a

Do you mind if I quote a couple of your posts as long as I provide credit and sources
back to your weblog? My blog site is in the exact same niche as
yours and my users would genuinely benefit from a lot of
the information you provide here. Please let me know if this okay
with you. Cheers!

I think that everything

I think that everything posted was very reasonable. However, think
about this, what if you composed a catchier title?
I ain't saying your content is not good, however suppose you added something that grabbed people's attention? I mean Válasz a hozzászólásra
is a little boring. You should glance at Yahoo's front page and see how they create news titles to grab people to open the links.

You might add a related video or a related pic or two to grab people excited about what you've got to say.
In my opinion, it would make your posts a little bit more interesting.

I used to be recommended this

I used to be recommended this website through my
cousin. I'm not positive whether this post is written via him as no one else know
such designated approximately my trouble. You're incredible!
Thank you!

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'm curious to find out what blog platform you have been using?
I'm having some minor security problems with my latest blog and I would like to find something
more safeguarded. Do you have any suggestions?

Wow, that's what I was

Wow, that's what I was looking for, what a material!
existing here at this blog, thanks admin of this web page.

I all the time emailed this

I all the time emailed this weblog post page to all my friends, because
if like to read it next my friends will too.

Generally I don't read post

Generally I don't read post on blogs, however I
wish to say that this write-up very compelled me to try and do it!
Your writing taste has been surprised me. Thank you, very great article.

If you are going for best

If you are going for best contents like myself, simply go to see this web page everyday as
it offers quality contents, thanks

You can definitely see your

You can definitely see your expertise within the article you write.

The arena hopes for more passionate writers such
as you who are not afraid to say how they believe. Always follow your heart.

Keep on writing, great job!

Keep on writing, great job!

Paragraph writing is also a

Paragraph writing is also a fun, if you know after that you can write or else it is complex to write.

Just want to say your article

Just want to say your article is as astounding. The clarity to your publish
is simply nice and i could suppose you are a professional on this subject.
Well with your permission allow me to grasp your feed to stay
updated with impending post. Thanks 1,000,000 and please continue the rewarding work.

M.E.C Mon Electricien

M.E.C Mon Electricien Catalan
44 Rue Henry de Turenne
66100 Perpignan
0651212596

Electricien Perpignan

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

I love reading through a post

I love reading through a post that can make people think.
Also, thank you for allowing me to comment!

Thank you for any other

Thank you for any other informative site. The place else may I am getting
that kind of info written in such an ideal approach? I have a mission that I am simply now operating on, and I have
been at the look out for such info.

May I simply just say what a

May I simply just say what a relief to uncover an individual
who genuinely understands what they're discussing on the web.

You actually know how to bring an issue to light and make it important.

More people need to check this out and understand this
side of the story. I was surprised you aren't more popular because you
most certainly have the gift.

I am regular visitor, how are

I am regular visitor, how are you everybody?
This piece of writing posted at this web page
is genuinely pleasant.

I spend way too much time

I spend way too much time reading stuff like this. How did
I even get here lol!!

I really love your site..

I really love your site.. Pleasant colors & theme.
Did you make this site yourself? Please reply back as I'm attempting to create my very own site and would love to know where
you got this from or what the theme is named.
Thanks!

I'm impressed, I must say.

I'm impressed, I must say. Seldom do I encounter a blog that's both equally educative and engaging, and
without a doubt, you've hit the nail on the head. The issue is something that not enough men and women are speaking intelligently about.
I am very happy that I stumbled across this during my search for something relating to this.

Hi there Dear, are you

Hi there Dear, are you genuinely visiting this web page daily, if so after that you
will without doubt obtain good knowledge.

Oh my goodness! Awesome

Oh my goodness! Awesome article dude! Thanks, However I am going through problems
with your RSS. I don't understand the reason why I am unable to subscribe to it.
Is there anybody else getting identical RSS problems?
Anyone who knows the answer can you kindly respond? Thanks!!

Hello just wanted to give you

Hello just wanted to give you a quick heads up. The text in your article seem to be running off the
screen in Opera. I'm not sure if this is a format issue or something to do
with internet browser compatibility but I thought I'd post to let you know.
The design and style look great though! Hope you get the problem solved soon.
Kudos

Keep on writing, great job!

Keep on writing, great job!

Touche. Sound arguments. Keep

Touche. Sound arguments. Keep up the amazing work.

Thank you for the auspicious

Thank you for the auspicious writeup. It in fact was a amusement account it.
Look advanced to far added agreeable from you! By the way,
how could we communicate?

Greetings! Very helpful

Greetings! Very helpful advice in this particular post!
It's the little changes that make the largest changes.
Thanks for sharing!

Currently it appears like

Currently it appears like Expression Engine is the top blogging platform out there right now.
(from what I've read) Is that what you are using on your blog?

Anaheim Divorce Lawyers in Practice
204 S Illinois St, Anaheim, CA 92805
714-410-5333
sabihafelix09835 [at] gmail [dot] com

wonderful issues altogether,

wonderful issues altogether, you just received a new reader.
What might you recommend in regards to your publish that you just made a few days ago?
Any sure?

Taxi moto line 128 Rue la

Taxi moto line
128 Rue la Boétie
75008 Paris
+33 6 51 612 712  

Taxi moto paris

you're in point of fact a excellent webmaster.

The site loading pace is amazing. It sort of feels
that you are doing any distinctive trick. Furthermore, The contents are masterpiece.
you have performed a wonderful job in this topic!

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 complicated and very broad for me. I am looking forward for your next post, I will
try to get the hang of it!

Thank you a lot for sharing

Thank you a lot for sharing this with all people you actually know what you're speaking approximately!

Bookmarked. Kindly additionally talk over with my website =).
We can have a hyperlink change contract among us

I'm really impressed with

I'm really impressed with your writing skills as well as with the layout on your weblog.
Is this a paid theme or did you modify it yourself? Anyway keep up the excellent quality writing, it is rare to
see a nice blog like this one today.

Howdy would you mind stating

Howdy would you mind stating which blog platform you're using?
I'm looking to start my own blog soon but I'm having a tough
time making a decision between BlogEngine/Wordpress/B2evolution and Drupal.
The reason I ask is because your layout seems different then most
blogs and I'm looking for something unique. P.S Sorry for
getting off-topic but I had to ask!

What's Going down i'm new to

What's Going down i'm new to this, I stumbled upon this I
have discovered It absolutely useful and it has aided me
out loads. I hope to contribute & aid different users like its aided me.
Great job.

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'm more than happy to uncover this web site. I need to to thank you for
ones time just for this wonderful read!! I definitely appreciated every part
of it and i also have you saved as a favorite to look at
new things on your web site.

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.