Is it possible to specify responsive images when initializing using markup?

[luksak]

Looking at the example markup on the getting started page makes me think that it is not possible to use responsive images when initialiting PS on markup:

<div class="my-gallery" itemscope itemtype="http://schema.org/ImageGallery">

    <figure itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject">
        <a href="large-image.jpg" itemprop="contentUrl" data-size="600x400">
            <img src="small-image.jpg" itemprop="thumbnail" alt="Image description" />
        </a>
        <figcaption itemprop="caption description">Image caption</figcaption>
    </figure>

    <figure itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject">
        <a href="large-image.jpg" itemprop="contentUrl" data-size="600x400">
            <img src="small-image.jpg" itemprop="thumbnail" alt="Image description" />
        </a>
        <figcaption itemprop="caption description">Image caption</figcaption>
    </figure>


</div>

Can we somehow provide different versions of an image? I guess it would have to work similar to srcset...

[dimsemenov]

Add another attributes to <a> that will contain URL and size of another image size, and parse them so slide object contains multiple image sizes like described here http://photoswipe.com/documentation/responsive-images.html

[dimsemenov]

closed by v5 #1749