search

GuLinux / grav-plugin-flickr

Grav cms plugin for flickr photosets, collections, single photos, and more
GNU General Public License v3.0
5 stars 2 forks source link

Html generation issue #6

Open akaunderr opened 6 years ago

akaunderr commented 6 years ago

When adds two and more shortcodes i get strange html output for first item (all nexts looks good) and

at the end:

<p>
    <a href="#" data-featherlight="#lightbox-38905648954" class="flickr-photo ">
    </a>
</p>
<figure>
    <a href="#" data-featherlight="#lightbox-38905648954" class="flickr-photo ">
        <img src="https://farm5.staticflickr.com/4610/38905648954_c04d48cfa1_s.jpg">
        <figcaption>20160501_180155</figcaption>
    </a>
</figure>
<a href="#" data-featherlight="#lightbox-38905648954" class="flickr-photo ">
</a>
<figure id="lightbox-38905648954" class="flickr-lightbox ">
    <figcaption>
        <h4 class="flickr-lightbox-title">20160501_180155</h4>
        <div class="flickr-lightbox-links">
            <a href="https://farm5.staticflickr.com/4610/38905648954_4249982649_o.jpg" target="_blank">
                <i class="fa fa-picture-o" aria-hidden="true"></i> Original version</a>
            <a href="https://www.flickr.com/photos/underr-ua/38905648954" target="_blank">
                <i class="fa fa-flickr" aria-hidden="true"></i> Open in Flickr</a>
        </div>
    </figcaption>
    <img src="https://farm5.staticflickr.com/4610/38905648954_c04d48cfa1_z.jpg" class="featherlight-image">
    <div class="flickr-lightbox-description">

    </div>
</figure>
<a href="#" data-featherlight="#lightbox-39613828181" class="flickr-photo ">
    <figure>
        <img src="https://farm5.staticflickr.com/4674/39613828181_54ae42801e_s.jpg">
        <figcaption>20160511_171827_HDR</figcaption>
    </figure>
</a>
<figure id="lightbox-39613828181" class="flickr-lightbox ">
    <figcaption>
        <h4 class="flickr-lightbox-title">20160511_171827_HDR</h4>
        <div class="flickr-lightbox-links">
            <a href="https://farm5.staticflickr.com/4674/39613828181_761956bf47_o.jpg" target="_blank">
                <i class="fa fa-picture-o" aria-hidden="true"></i> Original version</a>
            <a href="https://www.flickr.com/photos/underr-ua/39613828181" target="_blank">
                <i class="fa fa-flickr" aria-hidden="true"></i> Open in Flickr</a>
        </div>
    </figcaption>
    <img src="https://farm5.staticflickr.com/4674/39613828181_54ae42801e_z.jpg" class="featherlight-image">
    <div class="flickr-lightbox-description">

    </div>
</figure>
<p></p>

Output for single item is:

<a href="#" data-featherlight="#lightbox-38905648954" class="flickr-photo ">
    <figure>
        <img src="https://farm5.staticflickr.com/4610/38905648954_c04d48cfa1_s.jpg">
        <figcaption>20160501_180155</figcaption>
    </figure>
</a>
<figure id="lightbox-38905648954" class="flickr-lightbox ">
    <figcaption>
        <h4 class="flickr-lightbox-title">20160501_180155</h4>
        <div class="flickr-lightbox-links">
            <a href="https://farm5.staticflickr.com/4610/38905648954_4249982649_o.jpg" target="_blank">
                <i class="fa fa-picture-o" aria-hidden="true"></i> Original version</a>
            <a href="https://www.flickr.com/photos/underr-ua/38905648954" target="_blank">
                <i class="fa fa-flickr" aria-hidden="true"></i> Open in Flickr</a>
        </div>
    </figcaption>
    <img src="https://farm5.staticflickr.com/4610/38905648954_c04d48cfa1_z.jpg" class="featherlight-image">
    <div class="flickr-lightbox-description">

    </div>
</figure>