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

Good day very cool web site!!

Good day very cool web site!! Guy .. Excellent .. Superb .. I'll bookmark your website and take the feeds additionally? I'm satisfied to seek out so many useful information right here within the submit, we want develop extra strategies in this regard, thanks for sharing. . . . . .|

Greetings! I know this is

Greetings! I know this is kind of off topic but I
was wondering if you knew where I could locate a
captcha plugin for my comment form? I'm using the same blog platform as yours and I'm having trouble finding one?
Thanks a lot!

My brother suggested I might

My brother suggested I might like this website. He was entirely right. This post actually made my day. You can not imagine just how much time I had spent for this information! Thanks!|

Thank you for another

Thank you for another informative blog. The place else may I get that type of info written in such an ideal means? I have a mission that I am just now operating on, and I've been on the glance out for such information.|

Wow, that's what I was

Wow, that's what I was exploring for, what a data!
existing here at this weblog, thanks admin of this web site.agen sbobet

Hello, I enjoy reading

Hello, I enjoy reading through your article post. I like to write a little comment to support you.|

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 valuable and all. But just imagine if you added some great photos or video clips to give your posts more, "pop"! Your content is excellent but with pics and video clips, this website could certainly be one of the very best in its niche. Terrific blog!|

Good web site you have got

Good web site you have got here.. It's difficult to find quality writing like yours nowadays.
I truly appreciate individuals like you! Take
care!!daftar poker

This is very interesting, You

This is very interesting, You are a very skilled blogger. I've joined your feed and look forward to seeking more of your magnificent post. Also, I've shared your site in my social networks!|

I will immediately snatch

I will immediately snatch your rss as I can not to find your email subscription hyperlink or newsletter service. Do you have any? Please allow me know in order that I could subscribe. Thanks.|

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

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

Thanks in support of sharing

Thanks in support of sharing such a nice opinion, article is fastidious, thats why i have read it entirely|

Great post. I was checking

Great post. I was checking continuously this weblog and I am inspired!
Extremely useful information specifically the last
phase :) I handle such info a lot. I used to be looking for this particular information for
a long time. Thanks and best of luck.

You can certainly see your

You can certainly see your expertise within the work you write. The world hopes for more passionate writers like you who aren't afraid to say how they believe. All the time go after your heart.|

This blog was... how do I say

This blog was... how do I say it? Relevant!! Finally I've found something which helped me. Thanks!|

Very energetic blog, I liked

Very energetic blog, I liked that a lot. Will there be a part 2?idn play online

Hi this is somewhat of off

Hi 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 experience so I wanted to get advice from someone with experience. Any help would be enormously appreciated!|

Magnificent goods from you,

Magnificent goods from you, man. I have understand your stuff previous to and you are just extremely great. I actually like what you've acquired here, certainly like what you are stating and the way in which you say it. You make it enjoyable and you still care for to keep it smart. I can not wait to read far more from you. This is really a tremendous web site.|

It's a pity you don't have a

It's a pity you don't have a donate button! I'd definitely donate
to this outstanding blog! I suppose for now i'll settle for bookmarking and adding your RSS
feed to my Google account. I look forward to brand new updates and will share this site with my Facebook group.
Talk soon!

Highly descriptive blog, I

Highly descriptive blog, I loved that bit. Will there be a part 2?idn poker terpercaya

Just desire to say your

Just desire to say your article is as amazing. The clearness in your post is simply cool and i can assume you're an expert on this subject. Fine with your permission let me to grab your feed to keep updated with forthcoming post. Thanks a million and please keep up the gratifying work.|

This post offers clear idea

This post offers clear idea in support of the new visitors of blogging, that
in fact how to do running a blog.

I am curious to find out what

I am curious to find out what blog system you are utilizing? I'm having some minor security issues with my latest site and I'd like to find something more safe. Do you have any recommendations?|

Eҳcellent weblog here!

Eҳcellent weblog here! Additionally yoρuг web
site lots up fast! What web host are you tthe usee of?
Cаn I get your associate hyperlink on your hօst?
I desire my site loaded up as fast as yours lol

I was able to find good

I was able to find good information from your content.|

We're a bunch of volunteers

We're a bunch of volunteers and opening a brand new scheme in our community. Your web site offered us with helpful info to work on. You have performed a formidable activity and our whole neighborhood will likely be thankful to you.|

Heya! I just wanted to ask if

Heya! I just wanted to ask if you ever have any issues with hackers?
My last blog (wordpress) was hacked and I ended up losing months of hard work due to no backup.
Do you have any methods to prevent hackers?

What's up, I want to

What's up, I want to subscribe for this web site to take most recent updates, thus where can i do it please help.|

What's up, after reading this

What's up, after reading this amazing paragraph i am as well delighted to share my experience here with colleagues.|

Why users still use to read

Why users still use to read news papers when in this technological world everything is presented on net?

I do not know if it's just me

I do not know if it's just me or if everyone else experiencing problems with your blog. It appears as though some of the text on your posts are running off the screen. Can someone else please provide feedback and let me know if this is happening to them too? This might be a problem with my web browser because I've had this happen previously. Thank you|

It's actually a cool and

It's actually a cool and useful piece of information. I am happy that
you simply shared this helpful information with us. Please stay us informed like this.
Thank you for sharing.

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

Thank you for the auspicious

Thank you for the auspicious writeup. It in fact was a amusement account it. Look advanced to more added agreeable from you! However, how can we communicate?|

I visit day-to-day a few

I visit day-to-day a few sites and blogs to read articles, but this blog offers feature based writing.|

First of all I would like to

First of all I would like to say awesome blog! I had a quick question which I'd
like to ask if you do not mind. I was interested to know
how you center yourself and clear your thoughts before writing.
I've had a tough time clearing my thoughts in getting
my ideas out there. I truly do enjoy writing but it just seems like the first
10 to 15 minutes are usually wasted simply just trying to figure out how to
begin. Any ideas or hints? Kudos!

I visited multiple web pages

I visited multiple web pages however the audio quality for audio songs current at this site is actually wonderful.|

Greetings from Florida! I'm

Greetings from Florida! I'm bored at work so I decided to check out your blog on my iphone during lunch break.
I enjoy the info you present here and can't wait to take a look when I get
home. I'm shocked at how fast your blog loaded on my phone ..
I'm not even using WIFI, just 3G .. Anyhow, excellent site!daftar poker idn terpercaya

Nice post. I was checking

Nice post. I was checking continuously this blog and I am impressed! Extremely useful info particularly the last part :) I care for such info much. I was seeking this particular info for a very long time. Thank you and best of luck.|

Hi, I check your blogs

Hi, I check your blogs regularly. Your humoristic style is awesome, keep it up!|

If some one wishes to be

If some one wishes to be updated with newest technologies after
that he must be pay a quick visit this website and be up to date everyday.poker idn online
terbaik

Thank you for sharing your

Thank you for sharing your thoughts. I truly appreciate your efforts and I am waiting for your further post thanks once again.|

Why viewers still make use of

Why viewers still make use of to read news papers when in this technological globe everything is existing on net?|

Have you ever thought about

Have you ever thought about adding a little bit more than just your articles?
I mean, what you say is important and everything.
Nevertheless think of if you added some great photos or video
clips to give your posts more, "pop"! Your content is excellent but with images and videos,
this site could certainly be one of the very best in its niche.
Good blog!agen idn poker online

Great post. I used to be

Great post. I used to be checking continuously this weblog and I'm inspired! Very helpful info particularly the last part :) I care for such information a lot. I was seeking this certain information for a very long time. Thank you and good luck. |

Paragraph writing is also a

Paragraph writing is also a fun, if you know then you can write if not it is complicated to write.|

Greate article. Keep writing

Greate article. Keep writing such kind of information on your page.

Im really impressed by it.
Hello there, You've performed an incredible job. I'll
definitely digg it and in my view suggest to my friends.
I'm sure they will be benefited from this site.idn play online

It's not my first time to pay

It's not my first time to pay a quick visit this web page, i am browsing this website dailly and obtain good facts from here every day.|

Sweet blog! I found it while

Sweet blog! I found it while surfing around on Yahoo News. Do you have any suggestions on how to get listed in Yahoo News? I've been trying for a while but I never seem to get there! Thank you|

Awesome post.poker online

Awesome post.poker online indonesia

Hello would you mind stating

Hello would you mind stating which blog platform you're using? I'm going to start my own blog in the near future but I'm having a difficult time selecting 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 completely unique. P.S Apologies for getting off-topic but I had to ask!|

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.