Képre kattintva lightbox vagy shadowbox szerű felugró layer kellene

csovi képe

tinymce szerkesztővel egy node-ba (story) ami szöveget tartalmaz beillesztek egy képet. A képet a tinymce-ben IMCE-vel töltöm fel. (szóval nem külön image node vagy ilyesmi).
A kép nagyobb, mint a rendelkezésre álló terület, ezért arányosan kicsinyítem a beszúrásra használt ablakban beállítva a méretet.
Azt szeretném, ha a node-ot olvasó, ha rákattint a képre, az megjelenjen az eredeti méretben valami lightbox féle módon.
Fel is tettem a lightbox2 dev-et, majd később a shadowbox-t. Egyikkel sem sikerült ezt elérnem. Próbáltam a ké-nek egyedi id-t adni, meg ezt beállítani a lightboxnak, de semmi.
Gondolom én rontok el valamit, de nem jövök rá.
Aki tudja, mondja meg :)

Melyik modulhoz, modulokhoz kapcsolódik a téma?: 
Drupal verzió: 
aksza képe

csovi képe

De sajnos kipróbálva nem működött. Talán azért, mert én 6.x drupal-lal próbálkozom, a leírás meg az 5.x-hez van. Vagy mert nem tudom miért. Azért írtam ide, hátha valaki pont csinált már ilyet 6-os drupallal.

0
0
csovi képe

Az oldal forrásában ez jelenik meg:

img rel="lightbox" src="http://www............ xxx.jpg" alt="Ábra címe (ábra)" title="Ábra címe (ábra)" width="440" height="345"

Az eredeti kép, ami a szerveren van 740x400 körüli.

A képen még trigger sincs (azaz az egérmutató nem változik el). Kattintásra semmi sem történik.

0
0
csakiistvan képe

tipp, így próbált ki

<a rel="lightbox" href="http://www............valami.jpg" >
<img  src="http://www............valami.jpg" alt="Ábra címe (ábra)" title="Ábra címe (ábra)" width="440px" height="345px" >
</a>

A rel="lightbox" ot az 'a'-hoz kell tenni, nem az 'img'-hez.

0
0

Drupal full-stack developer at Wunderman Thompson Budapest

csovi képe

Közben sikerült. Az volt a baj, hogy egyedi stílus nem volt már megadva - gondolom valamikor kitöröltem.
Eredetileg azt hittem, a szűrő majd elintézi az egészet, hiszen inline képről van szó, de ezek szerint ha nincs egyedi stílus megadva akkor inline képként nem kezeli le.

0
0
rapy képe

Szia!

Ugyanazzal a problémával küzdök, amivel te is küzdöttél: node-ban lévő szövegben lévő kis képre kattintva Lightbox2-vel jelenjen meg a kép eredetiben.
Próbáltam végigkövetni a magyarázatokat, de ott elakadtam, amikor írtad hogy a képeknek egyedi stílust kell megadni. Ezt hol kell megadni? És mit értesz egyedi stílus alatt? Én is TinyMCE-vel illesztem a képeket a szövegbe, ahol van lehetőség Appearance/Style részben formázást megadni (ide az kerül, amit a többi beállításnál megadok: border, igazítás, wspace, hspace,...) Itt kell megadni vagy máshol?

0
0
csakiistvan képe

Szerintem, kapcsold ki a szövegszerkesztőt, tedd hozzá a rel="lightbox" részt az a-hoz, és nézd meg működik e. A tinyMCE gyakran kisöpri a rel és class részeket mentés után.

0
0

Drupal full-stack developer at Wunderman Thompson Budapest

csovi képe

Na közben annyit tudnék hozzátenni az eddigiekhez, hogy ha a tinymce beállításainál a CSS résznél az egyedi kép osztályát szintén definiáljuk a CSS osztályok között, akkor a kép beviteli ablakban az megjelenik a legördülő listában, és egérrel kiválasztható, nem kell mindig beírni.
Ez nekem azért jó, mert a felhasználók nem webmesterek, csak mezei felhasználók.

0
0
gazsesz képe

Mi sem egyszerűbb:
Insert modul, plusz érdemes a Image resize filtert is föltenni. A cck image mező beállításánál pedig megadod, hogy a kép insertálhazó legyen, és hogy milyen méretben, milyen viselkedésekben (értsd: lightbox). Beállítod, hogy korlátlan számú képet lehessen feltölteni, majd a display filedsnél letiltod, hogy a full és a teaser nézetben megjelenjenek a képek, így csak a body tartalmában fog megjelenni, és ha kívánod, akkor lightboxosan.
Az Image resize filter pedig azért hasznos, mert amikor beszúrod a képet és átméretezed, akkor ez a modul pont akkora méretben gyártja le a képet, amekkorára átméretezted, így ha kicsinyíted a letöltés is gyorsabb.

0
0

Gazsesz

gazsesz képe

Mi sem egyszerűbb:
Insert modul, plusz érdemes a Image resize filtert is föltenni. A cck image mező beállításánál pedig megadod, hogy a kép insertálhazó legyen, és hogy milyen méretben, milyen viselkedésekben (értsd: lightbox). Beállítod, hogy korlátlan számú képet lehessen feltölteni, majd a display filedsnél letiltod, hogy a full és a teaser nézetben megjelenjenek a képek, így csak a body tartalmában fog megjelenni, és ha kívánod, akkor lightboxosan.
Az Image resize filter pedig azért hasznos, mert amikor beszúrod a képet és átméretezed, akkor ez a modul pont akkora méretben gyártja le a képet, amekkorára átméretezted, így ha kicsinyíted a letöltés is gyorsabb.

0
0

Gazsesz