Tuti felhasználóbarát slideshow-galéria létrehozása - 1. rész

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

Hi I am so glad I found your

Hi I am so glad I found your weblog, I really found you by accident, while I was researching on Askjeeve for something else, Anyhow I am here now and would just like to say thanks a lot for a remarkable post and a all round interesting blog (I also love the theme/design), I don't have time to read it all at the minute but I have book-marked it and also included your RSS feeds, so when I have time I will be back to read much more, Please do keep up the fantastic job.|

I all the time used to study

I all the time used to study post in news papers but now as I am a user of net so from now I am using net for content, thanks to web.|

Great blog you've got here..

Great blog you've got here.. It's hard to find excellent writing like yours these days. I truly appreciate people like you! Take care!!|

We're a group of volunteers

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

bookmarked!!, I love your

bookmarked!!, I love your blog!

Heya this is somewhat of off

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

It's awesome to visit this

It's awesome to visit this web page and reading the views of all friends on the topic of this paragraph, while I am also eager of getting knowledge.|

hey there and thank you for

hey there and thank you for your information – I have definitely picked up anything new from right here. I did however expertise several technical issues using this site, as I experienced to reload the website many times previous to I could get it to load properly. I had been wondering if your hosting is OK? Not that I am complaining, but slow loading instances times will often affect your placement in google and can damage your quality score if advertising and marketing with Adwords. Anyway I am adding this RSS to my e-mail and can look out for a lot more of your respective intriguing content. Make sure you update this again very soon.|

Heya i am the very first time

Heya i am the very first time here. I found this board and i also discover it really useful & it helped me out a good deal.

I am hoping to offer something back and aid others
just like you helped me.

This blog was... how do you

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

Just want to say your article

Just want to say your article is as astounding. The clarity in your post is simply nice and i could assume you are an expert on this subject. Fine with your permission allow me to grab your feed to keep up to date with forthcoming post. Thanks a million and please keep up the enjoyable work.|

Everything is very open with

Everything is very open with a precise description of the issues. It was really informative. Your website is very helpful. Thanks for sharing!|

Thanks for your personal

Thanks for your personal marvelous posting! I certainly enjoyed reading it, you will be a great author. I will be sure to bookmark your blog and will eventually come back someday. I want to encourage yourself to continue your great work, have a nice day!|

What's up Dear, are you truly

What's up Dear, are you truly visiting this site on a regular basis, if so afterward you will without doubt get pleasant know-how.|

{

{

This design is incredible!

This design is incredible! You obviously know how to keep a reader amused. Between your wit and your videos, I was almost moved to start my own blog (well, almost...HaHa!) Wonderful job. I really enjoyed what you had to say, and more than that, how you presented it. Too cool!|

I'm not sure why but this

I'm not sure why but this weblog is loading extremely slow for me. Is anyone else having this problem or is it a issue on my end? I'll check back later and see if the problem still exists.|

For latest news you have to

For latest news you have to pay a visit world wide web and on the web I found this
web site as a best web site for newest updates.

Very nice article, totally

Very nice article, totally what I wanted to find.

I was recommended this blog

I was recommended this blog by my cousin. I'm not sure whether this post is written by him as nobody else know such detailed about my trouble.

You're amazing! Thanks!

It's a pity you don't have a

It's a pity you don't have a donate button! I'd most certainly 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 new updates and will talk about this website with my Facebook group.
Chat soon!

Its like you learn my mind!

Its like you learn my mind! You appear to understand a lot about this, like you wrote the book in it or something. I think that you just could do with a few percent to drive the message home a bit, however other than that, that is fantastic blog. An excellent read. I will certainly be back.|

Heya this is kinda of off

Heya this is kinda 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 know-how so I wanted to get guidance from someone
with experience. Any help would be enormously appreciated!

What i don't understood is in

What i don't understood is in truth how you're now not really much more smartly-preferred than you might be now. You're very intelligent. You understand thus significantly in relation to this subject, made me in my opinion consider it from a lot of numerous angles. Its like women and men are not fascinated unless it is something to do with Woman gaga! Your individual stuffs outstanding. At all times handle it up!|

Greetings! I know this is

Greetings! I know this is kinda off topic but I was wondering which blog platform are you using for this site? I'm getting tired of Wordpress because I've had issues with hackers and I'm looking at alternatives for another platform. I would be fantastic if you could point me in the direction of a good platform.|

Hello there! I just wish to

Hello there! I just wish to give you a big thumbs up
for your excellent info you have got right here on this post.
I am returning to your site for more soon.

You actually make it appear

You actually make it appear so easy along with your presentation however I find this topic to be really something which I think I would never understand. It kind of feels too complex and extremely broad for me. I am taking a look forward in your subsequent publish, I will attempt to get the dangle of it!|

Excellent goods from you,

Excellent goods from you, man. I've understand your stuff previous to and you are just extremely great. I really like what you've acquired here, certainly like what you are stating and the way in which you say it. You make it entertaining and you still take care of to keep it sensible. I can not wait to read far more from you. This is actually a terrific site.|

Nice blog! Is your theme

Nice blog! Is your theme custom made or did you download it
from somewhere? A design like yours with a few simple tweeks would really make my blog stand out.
Please let me know where you got your design. Kudos

This is very interesting, You

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

Howdy would you mind sharing

Howdy would you mind sharing which blog platform you're working with? I'm looking to start my own blog soon but I'm having a tough 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 unique. P.S Sorry for getting off-topic but I had to ask!|

Somebody necessarily lend a

Somebody necessarily lend a hand to make severely posts I might state. This is the very first time I frequented your web page and thus far? I amazed with the analysis you made to make this particular submit incredible. Wonderful task!|

Incredible points. Great

Incredible points. Great arguments. Keep up the good spirit.

Because the admin of this

Because the admin of this site is working, no question very rapidly it will be famous, due to its quality contents.|

Great post. I was checking

Great post. I was checking constantly this blog and I'm impressed! Very useful information specially the last part :) I care for such info a lot. I was looking for this particular info for a very long time. Thank you and good luck.|

Hey! Do you know if they make

Hey! Do you know if they make any plugins to help with SEO?
I'm trying to get my blog to rank for some targeted keywords but I'm
not seeing very good gains. If you know of any please share.
Appreciate it!

Nice post. I learn something

Nice post. I learn something totally new and challenging on websites I stumbleupon everyday. It will always be helpful to read through content from other writers and practice a little something from other sites. |

I needed to thank you for

I needed to thank you for this great read!! I absolutely loved every bit of it. I've got you bookmarked to look at new stuff you post…|

Definitely believe that which

Definitely believe that which you stated. Your favorite
justification seemed to be on the web the simplest thing
to be aware of. I say to you, I certainly get irked while people think
about worries that they plainly do not know about.
You managed to hit the nail upon the top as well as defined out the whole thing without having side effect , people can take a signal.
Will likely be back to get more. Thanks

Hi! I know this is kinda off

Hi! I know this is kinda off topic however , I'd figured I'd ask. Would you be interested in trading links or maybe guest writing a blog article or vice-versa? My website discusses a lot of the same subjects as yours and I feel 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! Superb blog by the way!|

Very rapidly this website

Very rapidly this website will be famous amid all blogging and site-building people, due to it's nice content|

Everyone loves it whenever

Everyone loves it whenever people get together and share opinions.
Great site, continue the good work!

When I originally commented I

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

Wow, superb blog layout! How

Wow, superb blog layout! How long have you been blogging for? you made blogging look easy. The overall look of your web site is excellent, as well as the content!|

PLAY CASINO GAMES

PLAY CASINO GAMES ONLINE:https://www.btlcasino.com/gatsby 개츠비카지노

Heya i'm for the first time

Heya i'm for the first time here. I found this board and I
in finding It really useful & it helped me out much. I'm hoping
to offer something back and aid others like you helped me.

My family members always say

My family members always say that I am killing my time here at net, except I know I am getting know-how daily by reading thes fastidious articles or reviews.|

Great article.|

Great article.|

We're a gaggle of volunteers

We're a gaggle of volunteers and opening a new scheme in our community.
Your website offered us with valuable info to work on. You've done a formidable
activity and our whole community will probably be thankful to you.

I've learn some good stuff

I've learn some good stuff here. Certainly price bookmarking for revisiting. I surprise how much effort you put to create such a excellent informative 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.