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

One video circulated on

One video circulated on social media appeared to show crowds of students at a Tehran university deliberately walking around American and Israeli flags painted on the floor in order to avoid stepping on them.
https://www.yeah77.com

If you desire to obtain a

If you desire to obtain a great deal from this piece of writing then you
have to apply these techniques to your won web site.

What's up, the whole thing is

What's up, the whole thing is going fine here and ofcourse every one is sharing facts,
that's truly excellent, keep up writing.

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

If some one desires to be

If some one desires to be updated with hottest technologies after that he must be pay a visit this site
and be up to date everyday.

Have you ever considered

Have you ever considered writing an ebook or guest authoring on other
sites? I have a blog based on the same topics you discuss and would love to have
you share some stories/information. I know my viewers would value
your work. If you are even remotely interested, feel free to
shoot me an e-mail.

In fact when someone doesn't

In fact when someone doesn't understand afterward its up to
other users that they will assist, so here it takes place.

Excellent way of telling, and

Excellent way of telling, and nice piece of writing to
get facts concerning my presentation topic, which i am going
to convey in college.

Excellent blog here! Also

Excellent blog here! Also your site loads up very fast!
What web host are you using? Can I get your affiliate link to your host?
I wish my site loaded up as quickly as yours lol

I'm extremely impressed

I'm extremely impressed together with your writing talents and also with the structure to
your weblog. Is this a paid theme or did you modify it your self?
Either way keep up the excellent quality writing, it's rare to look
a great weblog like this one these days..

Hey! I understand this is

Hey! I understand this is kind of off-topic however I needed to ask.
Does managing a well-established blog such as yours require
a large amount of work? I'm completely new to operating a
blog however I do write in my journal everyday.
I'd like to start a blog so I can share my personal experience and thoughts online.

Please let me know if you have any kind of recommendations or tips
for new aspiring blog owners. Appreciate it!

I would like to thank you for

I would like to thank you for the efforts you have put in penning this website.
I am 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 own, personal website now ;)

This is very interesting,

This is very interesting, You're a very skilled blogger.
I have joined your rss feed and look forward to seeking more of your fantastic post.

Also, I've shared your site in my social networks!

Post writing is also a fun,

Post writing is also a fun, if you be familiar with after that
you can write or else it is complex to write.

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

hello!,I really like your writing so much! proportion we keep in touch
extra approximately your article on AOL? I need an expert
in this house to unravel my problem. Maybe that is you!

Having a look ahead to see you.

Fastidious answer back in

Fastidious answer back in return of this issue with real
arguments and describing everything about that.

Keep this going please, great

Keep this going please, great job!

Iran’s deputy foreign

Iran’s deputy foreign minister, Seyed Abbas Araghchi, said Mr Macaire had been arrested as an “unknown foreigner in an illegal gathering” and “15 min later he was free.”
https://www.dbk222.com

naturally like your website

naturally like your website however you need to check the spelling on quite a few of your posts.
Many of them are rife with spelling problems and I to find it very troublesome
to tell the reality on the other hand I'll surely come back again.

M.E.C Mon Electricien

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

Electricien Perpignan

Does your blog have a contact page? I'm having trouble locating it but, I'd
like to shoot you an e-mail. I've got some creative ideas for
your blog you might be interested in hearing. Either way,
great site and I look forward to seeing it develop
over time.

Hi, I do believe this is an

Hi, I do believe this is an excellent website. I stumbledupon it ;) I'm going to come back yet again since i have saved as
a favorite it. Money and freedom is the greatest way to
change, may you be rich and continue to help other people.

I've been surfing online

I've been surfing online greater than 3 hours these days, but
I by no means discovered any attention-grabbing
article like yours. It is pretty price enough for me. In my opinion, if
all web owners and bloggers made just right content
as you probably did, the internet shall be a
lot more helpful than ever before.
Jay's Santa Clarita Tree Removal Kings
26174 Las Lanas Ct, Santa Clarita, CA 91355
661-464-1270
laureljefferson09875 [at] gmail [dot] com

I'm really enjoying the

I'm really enjoying the design and layout of your website.
It's a very easy on the eyes which makes it much more enjoyable for me to come here and visit more often. Did you hire out a developer to create your theme?
Outstanding work!

Greetings from California!

Greetings from California! I'm bored to death at work so
I decided to browse your blog on my iphone during lunch break.
I love the information you provide here and can't wait to take a look when I get home.
I'm surprised at how quick your blog loaded on my cell phone ..
I'm not even using WIFI, just 3G .. Anyways, awesome site!

Excellent web site you have

Excellent web site you have got here.. It's difficult to
find quality writing like yours these days. I seriously appreciate
individuals like you! Take care!!

It came as Iran faced a

It came as Iran faced a second day of protests over the downing of the flight by the Iranian military, killing all 176 passengers, and initial denials by the regime.
https://www.betting33.com

I know this web page presents

I know this web page presents quality based articles and extra data, is there any other web
site which provides these information in quality?

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

Nice post. I was checking

Nice post. I was checking constantly this blog
and I am impressed! Extremely helpful info particularly the last part :
) I care for such information a lot. I was seeking this particular info for a long
time. Thank you and best of luck.

Willie G youllied Greate

Willie G youllied

Greate article. Keep posting such kind of information on your page.
Im really impressed by it.
Hey there, You've performed an excellent job. I'll definitely digg it and in my view recommend to my friends.
I am sure they'll be benefited from this site.

Taxi moto line 128 Rue la

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

Taxi moto paris

These are truly impressive ideas in about blogging.

You have touched some fastidious factors here.
Any way keep up wrinting.

Its like you read my mind!

Its like you read my mind! You appear to know so much
about this, like you wrote the book in it or something.
I think that you can do with a few pics to drive the message home a little bit,
but instead of that, this is magnificent blog.
A great read. I'll definitely be back.

obviously like your web site

obviously like your web site however you have to check
the spelling on several of your posts. Many of them are rife with spelling issues and I find it
very bothersome to tell the reality nevertheless I will definitely come again again.

I constantly spent my half an

I constantly spent my half an hour to read this website's
articles or reviews daily along with a cup of coffee.

hey there and thank you for

hey there and thank you for your information – I've certainly picked up something new from right here.
I did however expertise some technical points using this website, as I
experienced to reload the site many times previous to I could get it to load correctly.
I had been wondering if your hosting is OK? Not that I'm complaining, but slow
loading instances times will very frequently affect your placement in google and
could damage your quality score if ads and marketing with Adwords.
Well I am adding this RSS to my email and could look out
for a lot more of your respective intriguing content.

Ensure that you update this again soon.

Hmm it seems like your blog

Hmm it seems like your blog ate my first comment
(it was extremely long) so I guess I'll just sum it up what I wrote
and say, I'm thoroughly enjoying your blog.
I too am an aspiring blog blogger but I'm still new
to everything. Do you have any recommendations for beginner blog
writers? I'd genuinely appreciate it.

Wonderful beat ! I would like

Wonderful beat ! I would like to apprentice even as you amend
your site, how can i subscribe for a weblog site? The account aided me a applicable deal.

I had been a little bit acquainted of this your broadcast offered vibrant clear concept

Wow, this paragraph is good,

Wow, this paragraph is good, my younger sister is analyzing such things, so I am
going to tell her.

That is a good tip

That is a good tip particularly to those fresh to the blogosphere.
Simple but very accurate information… Thank you for sharing this one.
A must read article!
Jim's San Jose Carpet Cleaning
780 S 3rd St, San Jose, CA 95112
3408-351-1063
colettemackie2641 [at] gmail [dot] com

Very nice post. I just

Very nice post. I just stumbled upon your blog and wanted to say that I've truly enjoyed browsing
your blog posts. In any case I'll be subscribing to your feed and I hope you write
again soon!

Excellent, what a webpage it

Excellent, what a webpage it is! This web site presents helpful information to us, keep it up.

Wow that was unusual. I just

Wow that was unusual. 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.
Regardless, just wanted to say great blog!

I like the helpful info you

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

Best of luck for the next!

It's difficult to find

It's difficult to find educated people in this particular subject, however, you sound like
you know what you're talking about! Thanks

Appreciate the

Appreciate the recommendation. Let me try it out.

I do agree with all the ideas

I do agree with all the ideas you've offered to your post.
They're really convincing and can definitely work.

Still, the posts are too brief for newbies. May just you please lengthen them a bit from subsequent
time? Thanks for the post.

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

These are genuinely great

These are genuinely great ideas in about blogging.
You have touched some fastidious factors here. Any way keep up
wrinting.

You are so interesting! I do

You are so interesting! I do not suppose I have read through anything like
this before. So good to find somebody with unique thoughts on this issue.

Really.. thank you for starting this up. This website is one
thing that's needed on the web, someone with some originality!

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 do not know who you are but definitely you're going to a famous blogger if you are
not already ;) Cheers!

Can you tell us more about

Can you tell us more about this? I'd like to find out
more details.

Thank you for every other

Thank you for every other informative site.

The place else may just I am getting that
kind of information written in such an ideal method?
I have a undertaking that I'm simply now running on, and I
have been on the glance out for such information.

I'd like to find out more?

I'd like to find out more? I'd care to find out more details.

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.