1. Tudásbázis
  2. Modulok használata
  3. lightbox

lightbox

Beküldte nyaki - 2015. január 5. 17.53
nyaki képe

Sziasztok!

A következő problémába ütköztem.
Létrehoztam egy új tartalomtípust, amely tartalmaz egy image-mezőt. A mezőt insert modul segítségével szúrom be a tartalomba. A ztartalmat ckeditor-ral formázom. Hogyan kell beállítani a lightbox modult, hogyha egy ilyen beszúrt képre kattintok megjelenjen a slideshow?

Előre is köszi

Melyik modulhoz, modulokhoz kapcsolódik a téma?: 
lightbox 2
Drupal verzió: 
7.x
Fórum: 
Modulok használata
junkuncz képe

Beküldte junkuncz - 2015. január 5. 19.31

Szia!

Melyik lightbox modult használod konkrétan?

0
0
nyaki képe

Beküldte nyaki - 2015. január 5. 20.31

Szia!

Lightbox2, de ezt akár colorbox-l is meg lehetne csinálni?

0
0
junkuncz képe

Beküldte junkuncz - 2015. január 5. 21.16

Annyi a lényeg mindkét esetben, hogy amit az editorban beszúrsz képet, annak a tagjének van egy rel attribútuma, aminek tartalmazni kell egy a lib által használt értéket.

Lightbox:

  1. <a href="images/image-1.jpg" rel="lightshow" title="my caption">click here!</a>

A lightshow paraméterrel mondod meg neki, hogy slideshow-ként kezelje a képeket.
https://www.drupal.org/node/144488

Colorbox:

  1. // Image links displayed as a group
  2. $('a.gallery').colorbox({rel:'gal'});
  3.  
  4. <a rel="gal" class="gallery" href="#"></a>
  5. <a rel="gal" class="gallery" href="#"></a>
  6. <a rel="gal" class="gallery" href="#"></a>

Ebben az esetben a rel attribútum értéke gal kell legyen.
http://www.jacklmoore.com/colorbox/

Kérlek írj, ha valami nem világos! :)

Ui.:
jQuery Update javasolt mindkét esetben!
https://www.drupal.org/project/jquery_update

1
0
nyaki képe

Beküldte nyaki - 2015. január 6. 15.25

Szia!

Köszönöm a segítséget, s teljesen világos a megoldás. Valószínűleg bennem van a hiba a kép beszúrásánál. Ha egy képet "insert" modullal szúrok be, akkor a kód:

" img alt="" class="image-banner_image" src="http://localhost/rehabteam/sites/default/files/styles/ba ..." /"

Hogyan kell beszúrni egy képet úgy, hogy a "rel"-t is meg tudjam adni?

Kösz

0
0
junkuncz képe

Beküldte junkuncz - 2015. január 6. 19.22

Feltételezem, hogy az image module segítségével történik a beszúrás az editorba, ilyenkor a következőt tudod tenni:
Az insert modul templates mappájában találsz egy ilyen ilyen fájlt:
image-insert-image.tpl.php

Ez a fájlt fogod és átmásolod a saját témád templates mappájába, ezt követően cache törlés.
Ha mindent jól csináltál, akkor ettől a pillanattól kezdve a drupal ezt a .tpl fájlt fogja használni minden insert modul segítségével beszúrt kép esetében, amit az image modulon keresztül küldesz be.
Itt már kedvedre alakíthatod, hogy milyen jelölőket szeretnél rá tenni, a rel attribute is könnyeden "felragasztható"

Megjegyzem, ez egy nagyon általános megoldás, tehát az összes Insert-es képre érvénybe lép.
Amennyiben csak az adott tartalomtípusnál szeretnél galériás megjelenítést, érdemes lehet "elkapni" a template_preprocess_image_insert_image() függvényt, hasonlóan kell eljárni, mint az előző esetben, csak itt a témád template.php-jába kell elhelyezni. Itt lekéred az aktuális node type-ot, amire beállítasz egy változót, és erre a változóra már a .tpl-ben tudsz csekkolni, így szűkítve a kört az adott tartalomtípusra.

Ha túl összetett a dolog, vagy csak nem voltam elég egyértelmű, akkor írj privátot, és skype-on szívesen segítek.

Bálint

4
0
nyaki képe

Beküldte nyaki - 2015. január 6. 19.45

Szia!

Köszönöm szépen, tökéletesen működik a dolog, azt is nagyon köszönöm, hogy "magyarul" azaz érthetően vezettél rá a jó megoldásra!

Szia

Zsolti

2
0
junkuncz képe

Beküldte junkuncz - 2015. január 6. 19.47

Szuper!

Örülök, hogy segíthettem! :)

0
0