RJGallery

Create a photo gallery with full screen preview and slideshow

Back to RJGallery Support

richievc27572
richievc27572

Got everything working however When I fork it, it stops working any ideas

kavishdahekar36295
kavishdahekar36295

Same here. When I fork it stops working.

lawyer-site-tver53068
lawyer-site-tver53068

+1, not pasted url for big images in Full Screen Preview

Last updated

lawyer-site-tver53068
lawyer-site-tver53068

Yes, it work. Need change HTML and JS code. For me it was:

from

<div style="width:100%" id="{{ gallerySlug }}">
    {% for image in gallery.images %}
    <div data-src="{{ image.path }}" data-sub-html="<h4 style='color: white;'>{{ image.title }}</h4><p>{{ image.description }}</p>">
        <a href="#">
            <img class="img-responsive" src="{{ image.getThumb(width, height, resizer) }}" alt="{{ image.title }}" />
        </a>
    </div>
    {% endfor %}
</div>

--
var {{ __SELF__ }} = $("#{{ gallerySlug }}").lightGallery({

to

<div class="row row-5 image-popup" id="{{ gallerySlug }}">
    {% for image in gallery.images %}
    <div class="col-xl-3 col-lg-4 col-sm-6 col-12 space__top--10" data-sub-html="<h4 style='color: white;'>{{ image.title }}</h4><p>{{ image.description }}</p>">
        <a class="gallery-item single-gallery-thumb" href="{{ image.path }}">
            <img class="img-responsive" src="{{ image.getThumb(150, 200, "crop") }}" alt="{{ image.title }}" />
            <span class="plus"></span>
        </a>
    </div>
    {% endfor %}
</div>

--
var {{ __SELF__ }} = $("div.#{{ gallerySlug }}").lightGallery({

Last updated

1-4 of 4