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

Definitely consider that that

Definitely consider that that you stated. Your favourite reason seemed to be on the net the easiest
thing to take into accout of. I say to you, I definitely get irked
whilst people think about concerns that they just don't understand about.
You managed to hit the nail upon the highest and outlined out the whole
thing with no need side effect , people can take a
signal. Will probably be back to get more. Thank you

Hi there this is somewhat of

Hi there this is somewhat of off topic but I was wanting to know if blogs use WYSIWYG editors or if you have to manually code with HTML. I'm starting a blog soon but have no coding knowledge so I wanted to get advice from someone with experience. Any help would be greatly appreciated!|

My brother suggested I might

My brother suggested I might like this website.
He was totally right. This post actually made my day. You cann't imagine simply how much time I had spent for this info!
Thanks!

Taxi moto line 128 Rue la

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

Taxi moto paris

It's great that you are getting thoughts from this article as well as from our argument made at this place.

Good way of telling, and nice

Good way of telling, and nice post to get facts about my presentation focus, which i am going to present in school.|

Simply wish to say your

Simply wish to say your article is as astounding. The clearness in your put up is just excellent and i can suppose you are a professional in this subject. Well with your permission allow me to clutch your feed to keep updated with coming near near post. Thank you a million and please continue the rewarding work.|

Peculiar article, totally

Peculiar article, totally what I wanted to find.

Howdy! I simply would like to

Howdy! I simply would like to give you a huge thumbs up for your excellent information you have got right here on this post. I am coming back to your site for more soon.|

Hi colleagues, how is

Hi colleagues, how is everything, and what you wish for to say about this paragraph, in my view its really awesome in support of me.|

Hmm is anyone else

Hmm is anyone else experiencing problems with the images
on this blog loading? I'm trying to determine if its a
problem on my end or if it's the blog. Any suggestions would be greatly appreciated.discuss

Appreciate the

Appreciate the recommendation. Let me try it out.|

Oh my goodness! Awesome

Oh my goodness! Awesome article dude! Thanks, However I am encountering troubles with your RSS. I don't know why I can't subscribe to it. Is there anybody having similar RSS problems? Anyone that knows the solution can you kindly respond? Thanks!!|

Nice post. I was checking

Nice post. I was checking constantly this blog and I'm inspired!
Extremely useful info specially the final part :) I deal with such info
much. I was looking for this certain information for a long time.
Thank you and good luck.

Appreciation to my father who

Appreciation to my father who told me on the topic of this webpage, this blog is really amazing.|

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 blogger but I'm still new to the whole thing.

Do you have any suggestions for inexperienced blog writers?

I'd certainly appreciate it.

I loved as much as you'll

I loved as much as you'll receive carried out right here. The sketch is attractive, your authored material stylish. nonetheless, you command get got an impatience over that you wish be delivering the following. unwell unquestionably come more formerly again since exactly the same nearly a lot often inside case you shield this increase.|

Thanks for every other

Thanks for every other informative website.
The place else may just I am getting that type of information written in such a perfect approach?
I have a project that I'm simply now working on, and I've been on the look out for such info.

Hi there colleagues, how is

Hi there colleagues, how is the whole thing, and what
you want to say on the topic of this piece of writing, in my view its actually amazing designed for me.

Greetings! Very helpful

Greetings! Very helpful advice in this particular post! It's the little changes that produce the most significant changes. Thanks a lot for sharing!|

Ahaa, its pleasant dialogue

Ahaa, its pleasant dialogue concerning this
article at this place at this webpage, I have read all that, so now me also commenting here.

I have been exploring for a

I have been exploring for a little for any high-quality articles or weblog posts on this sort of house . Exploring in Yahoo I eventually stumbled upon this site. Studying this info So i'm happy to show that I've an incredibly good uncanny feeling I discovered just what I needed. I so much undoubtedly will make certain to don?t overlook this website and give it a glance on a continuing basis.|

I've been surfing online more

I've been surfing online more than 3 hours nowadays, but I never discovered any fascinating article like yours. It's beautiful price enough for me. Personally, if all site owners and bloggers made good content material as you did, the net can be much more helpful than ever before.|

Hi there, I discovered your

Hi there, I discovered your website by the use of Google even as looking
for a related matter, your web site came up, it seems great.
I have bookmarked it in my google bookmarks.
Hi there, just become aware of your weblog through Google, and located
that it is truly informative. I am going to watch out for brussels.

I'll appreciate in the event you continue this in future.
Numerous other people will probably be benefited out of your writing.
Cheers!idn play online

Wow, awesome blog layout! How

Wow, awesome blog layout! How long have you been blogging for? you make blogging look easy. The overall look of your web site is fantastic, let alone the content!|

Thank you for the auspicious

Thank you for the auspicious writeup. It in truth was once a enjoyment account it. Glance complex to far added agreeable from you! However, how can we keep in touch?|

When someone writes an post

When someone writes an post he/she keeps the thought of a user in his/her brain that how a user can know it.
Thus that's why this article is perfect.
Thanks!judi poker terpercaya online

Your way of explaining all in

Your way of explaining all in this paragraph is really good,
every one be capable of effortlessly be aware of it,
Thanks a lot.

I am in fact thankful to the

I am in fact thankful to the holder of this website who
has shared this wonderful post at here.

I really love your website..

I really love your website.. Great colors & theme.
Did you develop this website yourself? Please
reply back as I'm wanting to create my own site and would love to
know where you got this from or exactly what the theme is named.
Cheers!

Its like you read my mind!

Its like you read my mind! You seem to know so much 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 little bit, but instead of that, this is fantastic blog. A great read. I'll certainly be back.|

Asking questions are in fact

Asking questions are in fact nice thing if you are not understanding something fully, but this post provides pleasant understanding even.|

I delight in, result in I

I delight in, result in I found just what I used to be looking
for. You've ended my four day long hunt! God Bless you
man. Have a nice day. Bye

Unquestionably believe that

Unquestionably believe that which you said. Your favorite reason seemed to be on the web the easiest thing to be
aware of. I say to you, I certainly get annoyed
while people consider worries that they just don't know about.

You managed to hit the nail upon the top as well as defined out the whole thing without having side-effects
, people could take a signal. Will likely be back to
get more. Thanksidn poker terpercaya

You really make it seem so

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

Wow, this post is fastidious,

Wow, this post is fastidious, my younger sister is analyzing these kinds of things,
therefore I am going to tell her.agen poker terpercaya

Very nice post. I just

Very nice post. I just stumbled upon your blog
and wanted to say that I've truly enjoyed surfing around your blog posts.
After all I will be subscribing to your rss feed and I hope you write again soon!
Jim's San Jose Carpet Cleaning
780 S 3rd St, San Jose, CA 95112
3408-351-1063
colettemackie2641 [at] gmail [dot] com

This is my first time pay a

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

My programmer is trying to

My programmer is trying to persuade me to move to .net from PHP.

I have always disliked the idea because of the expenses.
But he's tryiong none the less. I've been using WordPress on several websites for about a year and
am nervous about switching to another platform.
I have heard excellent things about blogengine.net.

Is there a way I can transfer all my wordpress posts into it?
Any help would be really appreciated!

Willie G youllied Very good

Willie G youllied

Very good info. Lucky me I discovered your website by accident (stumbleupon).
I've bookmarked it for later!

Taxi moto line 128 Rue la

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

Taxi moto paris

This website truly has all of the info I needed about this subject and didn't know who to
ask.

Hey I know this is off topic

Hey I know this is off topic but I was wondering if you knew of any widgets
I could add to my blog that automatically tweet my
newest twitter updates. I've been looking for a plug-in like
this for quite some time and was hoping maybe you would have some experience with something like this.
Please let me know if you run into anything. I truly enjoy reading your blog and I look forward to your new updates.

I know this web page provides

I know this web page provides quality dependent articles and other data, is there any other website
which gives such stuff in quality?idn poker terpercaya

Hello friends, how is the

Hello friends, how is the whole thing, and what you would like to say concerning this piece of writing,
in my view its really remarkable for me.

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

Your method of telling

Your method of telling everything in this paragraph is actually fastidious, every one can simply understand it,
Thanks a lot.

Willie G youllied I must

Willie G youllied

I must thank you for the efforts you've put in writing this website.
I'm hoping to check out the same high-grade blog
posts by you in the future as well. In fact, your creative writing
abilities has inspired me to get my own, personal blog now ;)

Unquestionably believe that

Unquestionably believe that which you said. Your favourite justification appeared
to be on the internet the simplest thing to be
aware of. I say to you, I certainly get annoyed even as folks think about concerns that they plainly do not understand about.
You managed to hit the nail upon the top and
also outlined out the entire thing without having side-effects , other folks could
take a signal. Will likely be back to get more. Thanks

I don't even know how I ended

I don't even know how I ended up here, but I thought this post was great.
I don't know who you are but definitely you are going to a famous blogger if
you aren't already ;) Cheers!

At this moment I am going

At this moment I am going away to do my breakfast, once having my breakfast
coming over again to read more news.

It's great that you are

It's great that you are getting ideas from this piece of writing
as well as from our argument made at this time.

This is my first time go to

This is my first time go to see at here and i am genuinely pleassant to
read everthing at one place.

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.