Video: obrázky v Drupalu pomocí modulů Inline, Imagecache a Lightbox2

Trápí vás, že redakční systém Drupal ve výchozí podobě nenabízí zrovna komfortní práci s obrázky? Tento problém lze jednoduše vyřešit pomocí sady několika doplňkových modulů. Ze široké nabídky obrázkových modulů pro Drupal jsem vybral kombinaci modulů Inline, ImageCache a Lightbox2. Tato kombinace umožní připojení obrázků k článkům, automatickou změnu velikosti a propojení na jednoduchou galerii.

Podrobnosti k nastavení těchto modulů najdete na prvním z videonávodů pro Drupal, který jsem na Maxiorlovi připravil. Zastávám názor, že člověk živící se psaním by neměl moc „fušovat" do řemesla lidem, které živí jejich hlas. Jsem toho důkazem, omluvte prosím případné zadrhávání mluveného komentáře.

Kromě modulů Inline, ImageCache a Lightbox2 je ve videu zmíněn i modul UploadPath, který umožňuje přiložené obrázky automaticky třídit do zvoleného systému složek. Video je připraveno pro Drupal 6, v předchozí verzi je nicméně použití a nastavení těchto modulů podobné.

Video vyžaduje javaScript a nejnovější verzi přehrávače Flash Player. Stáhnout jej můžete odsud.

//

Užitečné odkazy

Uvítám všechny připomínky, kritické komentáře a další poznámky k videu, i náměty na případná další videa. Určitě budu rád, když napíšete, zda by tato videa pro vás byla užitečná a má v nich smysl pokračovat.

Tagy

Buďme ve spojení, přihlaste se k newsletteru

Odesláním formuláře souhlasíte s podmínkami zpracováním osobních údajů. 
Více informací v Ochrana osobních údajů.

Autor článku: Jan Polzer

Tvůrce webů z Brna se specializací na Drupal, WordPress a Symfony. Acquia Certified Developer & Site Builder. Autor několika knih o Drupalu.
Marketing Director v Lesensky.cz. Ve volných chvílích podnikám výlety na souši i po vodě. Více se dozvíte na polzer.cz a mém LinkedIn profilu.

Komentáře k článku

návštěvník

Jé, děkuji, za odpověď, my jsme se dobře minuli :), pane Polzere, prosím Vás mohl byste se podívat na ten problém s originální velikostí? již jsem ten problémek popsala. Děkuji. l.lenek

návštěvník

Už to mám, trvalo to sice dlouho, ale tentokrát jsem na to přišla. Šlo o .htaccess ve files a jeho "zakomentování". Jedna věc však není vyřešena, stou si opravdu nevím rady. Při zvětšeném obrázku když dám "originální velikost", objeví se mi prázdná stránka s tím, že "Požadovaná stránka nebyla nalezena." a koukám na adresu a za lomítkem je null
http://www.medicatechnology.cz/null
Pane Polzere a nebo jiní více zkušení než já, mohl byste mi někdo prosím poradit? Musí tam být odkaz na originální velikost? Nebo co s tím mám pls dělat?

Děkuji a prosím Vás o pomoc. l.lenek

Profile picture for user Jan Polzer

Při zvětšeném obrázku? Kde? U Lightboxu? Nějak tu zmizelo první vlákno s dotazem :-)

návštěvník

Omlouvám se, že jsem se neozvala dříve. Pane Polzere je to v Lightboxu. Když najedu ve webu na obrázek, kliknu vše OK, ale pak na té zvětšenině je odkaz: originální velikost a to když zmáčknu tak se objeví stránka http://www.medicatechnology.cz/null a tam nic není. Děje se to u všech fotek.
Pls pomoc. Děkuji l.lenek

Profile picture for user Jan Polzer

Jestli se to děje tu http://www.medicatechnology.cz/profesionalni-pristroj-sts-ipl-medica-tec... tak se mi po kliknutí na obrázek zobrazí Lightbox, v něm odkaz Vidět detail a po klepnutí se fotka zobrazí v novém okně. Nemáte teda někde špatně nastaveno oprávnění?

návštěvník

Koukala jsem se do nastavení oprávnění a mám obě dvě políčka zaškrtnutá pro přihlášené uživatele:
administer lightbox2
download original image

Bohužel jsem si nevšimla, že otevřít "Originální velikost" se objevuje jen po přihlášení do webu. Pro nepřihlášené tato skutečnost není zvěčněná. Stejně to ale nefunguje. Nevím, proč. Mám někde něco prosím nastavit aby tento odkaz třeba zmizel? Myslím, že je tam naprosto zbytečný. V Lightboxu (tmavá obrazovka s fotkou) má pod fotografií toto:
Vidět detail - to funguje
Originální velikost - to nefunguje a po klepnutí se objeví nenalezená stránka (/null)
a pod tím je ještě: obrázek 1 of 11

Tak jsem to snad popsala. A třeba budete vědět co s tím. Děkuji. l.lenek

Profile picture for user Jan Polzer

Nastavení webu, Lightbox 2.
Vymažte text z políček, které nechcete zobrazit, tedy v tomto případě z Text for image page link a z Download Original.

návštěvník

Pro instalaci imagecache, inline a lightbox2 je třeba zdůraznit, že na to aby vše fungovalo - náhledy i stažení obrázku v originální velikosti - je nutné mít zapnutá čistá url.

Pokud to není možné, tak náhledy fungují i při zapnutí volby "Neveřejně - soubory přenáší Drupal" v Systému souborů. Stažení obrázku v originální velikosti mi ale v tomto druhém případě nefungovalo. Fungovaly jen náhledy.

Viz.:
http://drupal.org/node/410200
http://drupal.org/node/366177

návštěvník

Dobry den, Vase videonavody jsou pro mne cennym zdrojem zkusenosti. Presto vsechno mam problem s aplikaci LightBox2. Pro zobrazovani a trideni skupin obrazku pouzivam standardne galerie, konkretne view image_gallery skoro ve výchozím nastaveni. V nahledu se zadanym parametrem se mi vybrana skupina obrazku zobrazuje pomoci LightBox2 korektne, tzn. ze se pohybuji jen ve skupině obrazku, ktera byla zobrazena pomoci image_gallery s patricnym argumentem. Ovsem po ulozeni views a naslednem pouziti se LightBox2 pohybuje po skupine vsech obrazku, bezohledu na zvoleny parametr. Používám Drupal 6, LightBox byl nastaven dle uvedeneho videonavodu. Existuje nejaka pomoc?
Dekuji I.S.

návštěvník

Vim kde je chyba ale nedokazu ji odstranit. LightBox zrejme zdruzuje obrazky ktere se v dany okamzik vyskytuji na strance bez ohledu na jejich vyskyt (Bloky, stranka atp.) a vzhledem k tomu ze mam po strane jeste bloky s dalsimi obrazky v Slideshow rezimu tak si je LightBox prida k aktualne zobrazovane galerii. Prochazel jsem nastaveni LightBoxu a na nic co by mohlo toto osetrit jsem nenarazil. Poradi mi nekdo. Diky.

návštěvník

Zkusila jsem postupovat přesně podle videonávodu, ale nedaří se.
Zatím to zkouším na PC na localhostu, přihlášená jako user/1, takže by neměl být problém s oprávněním. Mám multisite instalaci. Moduly inline, imagecache, uploadpath i lightbox2 mám v adresáři sites\all\modules\. Data nahrávám do sites\tentoprojekt\files, pro obrázky jsem si nastavila v modulu uploadpath adresář sites\tentoprojekt\files\images\[nid]\. Ten se taky vytvoří a velký obrázek se do něj v pořádku nahraje. Jenže se vůbec neudělá miniatura (120x90px) podle nastavení v imagecache a do stránky se přes inline vloží pouze textový odkaz. Ten vede do téhož okna a není to lightbox (možnost nastavení do nového okna jsem ve své verzi lightboxu nenašla).
Mám tyto verze:
imagecache-6.x-2.0-beta10.
inline-6.x-1.0.
lightbox2-6.x-1.9.
uploadpath-6.x-1.0.

Nejnovější záznamy v logu:
mkdir() [function.mkdir]: No such file or directory v souboru G:\web\drupal\sites\tentoprojekt\modules\imagecache\imagecache.module na řádku 555.

Failed to create imagecache directory: sites/tentoprojekt/files/imagecache/thumbnail120/images/22

Failed generating an image from images/22/mujobrazek.jpg using imagecache preset thumbnail120.

Mám PHP 5.1.4, Apache2. Memory_limit v php.ini je 128M. Nahrávané obrázky nejsou nijak zvlášť velké (600x450 px, asi 50kB). Soubory .htaccess v sites\tentoprojekt\files\ a sites\tentoprojekt\files\temp\ mám celé zapoznámkované # (viz rada v diskusi). Toolkit pro GD mám zapnutý. Miniatura testovacího obrázku v imagecache (imagecache_sample.png) se vytváří v sites\tentoprojekt\files\imagecache\thumbnail120\ v nastavené velikosti. Čistá URL mám zapnutá.

Není problém ve verzi imagecache? Nemusí se ještě zapínat nějaký formát pro lightbox2? Nemusí být pro lightbox2 spuštěný nějaký volitelný modul z jádra?Nevadí ještě nějaký jiný .htaccess v adresářové struktuře?
G:\web\drupal\sites\tentoprojekt\files\tmp\.htaccess
G:\web\drupal\sites\tentoprojekt\files\.htaccess
G:\web\drupal\sites\default\files\.htaccess
G:\web\drupal\sites\all\.htaccess
G:\web\drupal\sites\jinyprojekt\files\.htaccess
G:\web\drupal\.htaccess

Moc prosím o radu, kde je chyba.

Profile picture for user Jan Polzer

Dobrý den. Takto si představuju popis problému...

Drupal nemůže vytvořit složku sites/tentoprojekt/files/imagecache/thumbnail120/images/22. Čili kouknul bych se, která nevyšší složka existuje (sites/tentoprojekt/files/imagecache/thumbnail120 ?) a jaká má práva zápisu.

Na jakých Windows to testujete? Pokud je to cokoli vyššího, než XP, řekl bych, že tam bude problém s oprávněním přístupu ke složkám. Přes kontextovou nabídku v Průzkumníkovi je třeba povolit zápisy úplně všem, nejenom správci a aktuálnímu uživateli.

návštěvník

Zdravím,
nyní zápasím z Drupalem, učím se s ním, proto bych měl dotaz.
Ty značky [inline:nazevobrazky] se tam zadává samo nebo to tam musím pokaždé napsat? Nebo to je editorem?

návštěvník

Nebyl by nějakej návod jak to zprovoznit s TinyMCE + IMCE???

návštěvník

Na to jsem koukal, bohužel ztoho se mi nedaří vytvořit fotogalerie jako máte zde. Potřebuji prostě hodit na stránku několik obrázků tak aby mezi nima bylo to další,předešlé. Abych nemusel každé odklikávat. Tohle se mě právě nedaří ...

Profile picture for user Jan Polzer

Tak asi někde děláte chybu (takhle obecně nevím kde). Já přesně tohle řešení na Maxiorlovi používám.

návštěvník

Zkouším výše uvedený postup. Máme jen mírné potíže s modulem File upload paths.

V File Upload Paths jsem nastavil toho
Default pattern for the file path prefix: soubory

Když teď nyní přiložím soubor Tulips.jpg jeho výsledná cesta je
http://new.flyingdog.cz/sites/default/files/soubory/tulips_jpg_66505.jpg

Jak se mám prosím zbavit čísel na konci (66505, proč se vůbec vložily?) a jak dále odstraním z cesty "sites/default"? Díky moc

Profile picture for user Jan Polzer

Jaký máte vzorek pro název souboru?

Co se týče cesty... sites/default/files je tam proto, že asi máte toto nastavení zadáno jako složku souborového systému v Drupalu. Koukněte do Administrace >> Nastavení webu >> Systém souborů. File Upload Path třídí soubory až dále v tomto umístění.

návštěvník

Vypl jsem nastavení Clean file upload filenames v File upload paths a čísla se již nepřidávají.

Default pattern for the file path prefix je nastaven na "soubory/"

návštěvník

Super video, diky.

Chtel jsem se zpetat, jestli je mozne aby se pres GD zmensil obrazek na velikost lightboxu, nevypada to moc pekne pokud je to jen pres atributy vyska a sirka.

dekuji

Profile picture for user Jan Polzer

Dobrý den, možné to je. Právě ImageCache mění obrázky pomocí GD. Stačí jen nastavit požadovaný Preset.

návštěvník

Udělal jsem vše dle návodu a vše funguje : ) Děkuji.

Mám teď obecně v náhledu obrázky s určitým rozlišením u všech typů obsahu. Jak by se řešilo, kdybych chtěl jiné rozlišení třeba pro obsah typu článek? Děkuji.

Profile picture for user Jan Polzer

No, ImageCache sice můžete konfigurovat dle libosti, ale inline pracuje společně pro všechny typy obsahu pokud vím. Takže by to asi nešlo s touto kombinací.

návštěvník

Dobrý den,
ve videu (14:33) máte speciální sekci pro uploadování obrázku přímo pro upoutávku. Je to nějaký přídavný modul? Nebo se to dá někde případně zapnout? Odkazuje automatiky tento obrázek přímo na nod do kterého byl vložen?
Já tuto možnost při vytváření příspěvku nemám.
Děkuji.

návštěvník

Dobrý den, moc děkuji za video.
Mám problém a nevím jak ho vyřešit . Ve firefoxu mi všechno funguje - uplně všechno. Přesně jako Vám. Problém přichází na řadu v prohlížeči IE. Nezobrazují se mi miniatury u obrázků. Zobrazí se mi jen alternativní text. Po kliknutí na tento text se mi zobrazí lightbox a vše je v pořádku. Nefungují tedy ty miniatury v IE. Prosím vás jako odborníka jestli nevíte v čem by mohl být problém. Děkuji

návštěvník

Uz to funguje. Stacilo jit do systému souborů a tam metoda stahovani nastavit na verejne - prenos pres http protokol

návštěvník

Zdravim. Z neznameho duvodu se mi prestaly obrazky zobrazovat pomoci
LightBoxu - zobrazuji se pouze nehezky na prazdne strance. pouzivam
postup s inline zde popsany. lamu si s tim hlavu uz lekne dlouho a
nevim jak dal. vse mam aktulizovano na nejvysii verze. prava sem
nemenil.

dale sem zjistil, ze mi upload path zapisuje primo do imigagecache/ i
kdyz mam nastaveno aby pokracoval do image/rok/mesic..

a jeste jedna libustka. pred chvili mi drupal znemoznil rozbalovat polozky v nastaveni!!! co se deje?

poradte jak to mam uspesne obnovit. dekuju 

návštěvník

jen doplnuji ze zmizeni rozbalovacich polozek se vyresilo zmenou tematu na gerland a zase zpet na mnou vytvoreny. podivne.

problem s lightboxem pretrvava. pomohlo by vsechny moduly vypnout, odstranit a nastavit znovu? samotny lightbox po takovem "restartu" napravu neprovedl, vse pri starem.

Profile picture for user Jan Polzer

Problém bude asi s jQuery - neinstaloval jste nějaký modul jako jQuery Update? Ještězkuste vypnout komprimaci JavaScriptu v Nastavení webu > Výkon. V tématu vzhledu se ujistěte, že je v page.tpl.php na konci uvedeno print $closure.

návštěvník

Dekuji za odpoved.

jQuery Update jsem neinstaloval. Komprimaci JavaScriptu mám vypnutou. V page.tpl.php na konci uvedeno print $closure mám.

Přesto to nefunguje.

Nemuže být problém se starší verzí modulu FileField? Z neznámého důvodu mi nejde updatovat na aktuální.

 

Děkuji

(P.S.: co pouzivate za modul proti robotum na svych strankach)

Profile picture for user Jan Polzer

Kolize v modulech být může. Dneska jsem třeba koukal, že Total Control blokuje fungování Blog API.

Jaký modul proti robotům máte na mysli?

návštěvník

asi to budu muset resit prejitim na jiny zpusob zobrazeni obrazku holt..

mam na mysli to s opisovanim kodu. potreboval bych neco jednoducheho na zpusob: "napiš číslici pět" pred odeslanim komentare. neznate neco takoveho?

Profile picture for user vomi

nemůžu najít jak nastavit automatické znázornění obrázků pomocí Inline modulu v patě článku a ne v hlavičce. Modul se mi moc líbí díky jeho jednoduchosti pro běžné uživatele pro vkládání obrázků - fotogalerii, ale miniatury bych potřeboval pod článkem. Ruční vkládání pozice obrázku není použitelné pro běžné uživatele.

Přidat komentář

Odesláním komentáře souhlasíte s podmínkami Ochrany osobních údajů

reklama
Moje kniha o CMS Drupal

 

Kniha 333 tipů a triků pro Drupal 9


Více na KnihyPolzer.cz

Sledujte Maxiorla na Facebooku

Maxiorel na Facebooku

Nové diskuze
Hosting pro Drupal a WordPress

Hledáte český webhosting vhodný nejenom pro redakční systém Drupal? Tak vyzkoušejte Webhosting C4 za 1200 Kč na rok s doménou v ceně, 20 GB prostoru a automatické navyšováním o 2 GB každý rok. Podrobnosti zde.

@maxiorel na Twitteru

Maxiorel na Twitteru