Galéria view alapján

gyuri2012 képe

Van olyan látványos képnézegető (az értem az alatt hogy látványos, hogy egész oldal fölé jön valamilyen sötét de áttetsző réteg... középre a kép.. Én még nem használtam ilyesmiket, csak oldalakon láttam), amivel meg lehet azt oldani, hogy ha egy view-n kilistázok képeket (kis nézetét), akkor ha rákattintok valamelyikre, ilyen hatással legyen látható a kép teljes nézete?
...és persze a lényeg hogy azon is tudjak tovább, ill. előre lépegetni a képek között..., olyan sorrendben ahogy a view-n szerepelnek a képek!?

Fórum: 
gyuri2012 képe

Drupal 6-hoz kellene..., ha többel is megoldható, melyiket javasoljátok?

0
0
Nagy Gusztáv képe

esetleg lightbox

0
0

Nagy Gusztáv

Paal képe

A drupal.org Javascript Utilities részében kell keresni őket:

Ez utóbbit használtam 5.x alatt, teljesen rendben van.

Üdv, Pali

0
0

--
Palócz Paal Pál, a drupal.hu admin csoportjának tagja
Ajánlott olvasmány: Eric Steven Raymond - Hogyan kérdezzünk okosan

gyuri2012 képe

Köszönöm!
Thickbox elég instabil volt, hol működött hol nem..., még dev.
Lightbox2 volt a második próbálkozásom..., szép is, jónak is tűnik céljaimhoz.

0
0
gyuri2012 képe

Tegnap felraktam a Lightbox2-őt, és kapásból (vagy nem, de nem emlékszem hogy állítottam volna valamit) jó volt arra, hogy egy view-n szereplő képeket nézegessek, és "lapozzak".
Azaz a Lightbox-ban volt a kép lét oldalán egy-egy gomb, aminek hatására a view-n szereplő következő, vagy előző képet mutatta.
Ma viszont bármit állítok, nem jelennek meg ezek a gombok.
Hogyan kell beállítani ehhez a lightbox2-őt, és ha a beállítás ok, de mégsem jelennek meg a gombok, annak mi lehet az okat?

(tegnap óta egész Drupalt újra raktam adatbázis hiba miatt)

0
0
Nagy Gusztáv képe

Először a HTML kimenetet nézném meg: elvileg az a rel="lightbox[valami]" -nek kell lennie, egész pontosan a [valami] ismétlődése érdekes.

0
0

Nagy Gusztáv

gyuri2012 képe

<div id="wrapper">
</div>
<div id="overlay" style="width: 1280px; z-index: 10090; height: 740px; background-color: rgb(0, 0, 0); opacity: 0.8;"/>
<div id="lightbox" style="z-index: 10500; top: 261.3px; left: 0px; display: block;">
<div id="outerImageContainer" style="background-color: rgb(255, 255, 255); color: rgb(255, 255, 255); width: 512px; display: block; height: 384px;">
<div id="modalContainer" style="padding: 0px; display: none;"/>
<div id="frameContainer" style="padding: 0px; display: none;">
<iframe id="lightboxFrame" style="display: none;">
<html>
<head>
<title/>
</head>
<body/>
</html>
</iframe>
</div>
<div id="imageContainer" style="padding: 0px;">
<img id="lightboxImage" style="display: inline; width: 512px; height: 384px; z-index: 10500;" src="http://www.kulcsiturul.hu/system/files/images/Reka_szoba3.JPG" alt="Reka_szoba3<br /><a href="/kepek/rekaszoba3" id="node_link_text" >View Image Details</a>"/>
<div id="bottomNav" style="float: left;">
<a id="bottomNavClose" href="#" style="background-color: rgb(255, 255, 255); color: rgb(255, 255, 255);"/>
<a id="bottomNavZoom" href="#" style="display: none;"/>
<a id="bottomNavZoomOut" href="#" style="display: none;"/>
</div>
</div>
<div id="loading" style="z-index: 10500; display: none;">
<a id="loadingLink" href="#"/>
</div>
</div>
<div id="imageDataContainer" class="clearfix" style="background-color: rgb(255, 255, 255); color: rgb(255, 255, 255); display: block; width: 512px;">
<div id="imageData">
<div id="hoverNav" style="display: block; z-index: 10500;">
<a id="prevLink" href="#" style="padding-top: 0px; display: none;"/>
<a id="nextLink" href="#" style="padding-top: 0px; display: none;"/>
</div>
<div id="imageDetails">
<span id="caption" style="z-index: 10500;">
Reka_szoba3
<br/>
<a id="node_link_text" href="/kepek/rekaszoba3">View Image Details</a>
</span>
<span id="numberDisplay" style="display: none;"/>
<a id="lightshowPause" style="display: none;" href="#"/>
<a id="lightshowPlay" style="display: none;" href="#"/>
</div>

Azaz nincs [valami], de egy kép megnézése működik... Olvastam én is valahol, gondolom Lightbox README-jében []-t, csak nem tudom összeegyeztetni a sajátommal...

Maga az oldal forrása, mielött Lightboxal megnyitnék egy képet:

<link type="text/css" rel="stylesheet" media="all" href="/sites/all/modules/lightbox2/css/lightbox_alt.css?r" />
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/modules/views/css/views.css?r" />
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/themes/greenNblack/style.css?r" />
 
<script type="text/javascript" src="/misc/jquery.js?r"></script>
<script type="text/javascript" src="/misc/drupal.js?r"></script>
<script type="text/javascript" src="/sites/default/files/languages/hu_8582a244f490b74610256ab428690e24.js?r"></script>
<script type="text/javascript" src="/sites/all/modules/date/date_timezone/date_timezone.js?r"></script>
<script type="text/javascript" src="/sites/all/modules/lightbox2/js/auto_image_handling.js?r"></script>
<script type="text/javascript" src="/sites/all/modules/lightbox2/js/lightbox.js?r"></script>
<script type="text/javascript">jQuery.extend(Drupal.settings, { "basePath": "/", "lightbox2": { "rtl": "0", "file_path": "/(\\w\\w/)sites/default/files", "default_image": "/sites/all/modules/lightbox2/images/brokenimage.jpg", "border_size": "0", "font_color": "ffffff", "box_color": "ffffff", "top_position": "", "overlay_opacity": "0.8", "overlay_color": "000", "resize_sequence": "0", "resize_speed": 400, "fade_in_speed": 400, "slide_down_speed": 400, "use_alt_layout": 1, "disable_resize": 0, "disable_zoom": 0, "force_show_nav": 0, "loop_items": 1, "node_link_text": "View Image Details", "node_link_target": 0, "image_count": "", "page_count": "", "lite_press_x_close": "press \x3ca href=\"#\" onclick=\"hideLightbox(); return FALSE;\"\x3e\x3ckbd\x3ex\x3c/kbd\x3e\x3c/a\x3e to close", "display_image_size": "", "image_node_sizes": "(\\.thumbnail)", "trigger_lightbox_classes": "img.thumbnail, img.image-thumbnail", "trigger_lightbox_group_classes": "", "trigger_slideshow_classes": "", "trigger_lightframe_classes": "", "trigger_lightframe_group_classes": "", "custom_class_handler": 0, "custom_trigger_classes": "", "disable_for_gallery_lists": 0, "disable_for_acidfree_gallery_lists": true, "enable_acidfree_videos": true, "slideshow_interval": 5000, "slideshow_automatic_exit": 1, "show_play_pause": 1, "pause_on_next_click": 0, "pause_on_previous_click": true, "loop_slides": 1, "iframe_width": "600", "iframe_height": "400", "iframe_border": 1, "enable_video": 0 } });</script>
.
.
.
      <div class="view-content">
      <table class="views-view-grid">
  <tbody>
                <tr class="row-1 row-first">
 
                  <td class="col-1">
              <div class="node">
 
      <div class="content clear-block">
    <a href="/kepek/rekaszoba"><img src="http://www.kulcsiturul.hu/system/files/images/Reka_szoba.thumbnail.JPG" alt="Reka_szoba" title="Reka_szoba"  class="image image-thumbnail " width="200" height="150" /></a>  </div>
 
  </div>
.
.
.

Bocs hogy ilyen sokat másoltam...
Ha nem megy így, akkor bekapcsolom az oldalt (ezt még szeretném megcsinálni mielőtt bekapcsolom..., már fent van a helyén), úgy biztos sokkal egyszerűbb lenne...
0
0
gyuri2012 képe

<a id="prevLink" href="#" style="padding-top: 0px; display: none;"/>
<a id="nextLink" href="#" style="padding-top: 0px; display: none;"/>

Gondolom ennek nem így kellene lennie..., mégha [] nélkül is működik. Csak arra nem jövök rá hogy hogyan tudok ezen változtatni...

Scriptet most bogarászom...., eddig az jónak tűnik nekem. (mármint a céljaimra is)

0
0
Nagy Gusztáv képe

A LB akkor teszi láthatóvá ezt a 2 linket, ha szükség lesz rá. A gond az, hogy a forrásba nem generálódik bele a [] rész. Vagyis inkább valami modul beállítás lesz.

0
0

Nagy Gusztáv

gyuri2012 képe

Hát csak hogy nincs ott a köv. kép linkje..., azaz nem a js-en múlt a dolog.
Mármint nem a "lejátszás" részén.

Igazad volt, csak kattintani kellett néhányat..., valahogy nem láttam a fától...

Kösz a segítséget!

0
0
gyuri2012 képe

Hm, közben eszembe jutott hogy az oldal korábbi változatában talán nem használtam imagecache-t.
Lehet az gond hogy most igen?

0
0
gyuri2012 képe

admin/settings/lightbox2/automatic :
Automatic handler for Image Nodes: Lightbox grouped
Ennyi! :)

Viszont rengeteg minden érdekeset olvastam a lightboxról..., aminek hatására egyre kevésbe értem hogyan működik nálam! Na egyszer majd csak összeáll a kép..

0
0