Skip to content
Permalink
Browse files

fix(gallery): replace photoswipe-gallery with elegant-gallery

  • Loading branch information
talha131 committed Feb 5, 2020
1 parent 25cf0bd commit 17a05daec5d3aa077b96175e97ae5feda6884d9e
@@ -25,7 +25,7 @@ Another example,

:::html hl_lines="2"
<div
class="photoswipe-gallery"
class="elegant-gallery"
itemscope
itemtype="http://schema.org/ImageGallery"
>
@@ -21,7 +21,7 @@ of [Gruvbox](https://github.com/morhetz/gruvbox) theme for syntax highlighting.

```html
<div
class="photoswipe-gallery"
class="elegant-gallery"
itemscope
itemtype="http://schema.org/ImageGallery"
>
@@ -10,7 +10,7 @@ Category: Components

Elegant integrates with [PhotoSwipe](https://photoswipe.com/) to create gallery of images. Here is an example.

<div class="photoswipe-gallery" itemscope itemtype="http://schema.org/ImageGallery">
<div class="elegant-gallery" itemscope itemtype="http://schema.org/ImageGallery">
<figure itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject">
<a href="https://i.picsum.photos/id/1019/5472/3648.jpg" itemprop="contentUrl" data-size="5472x3648">
<img src="https://i.picsum.photos/id/1019/200/200.jpg" itemprop="thumbnail" alt="Image description" />
@@ -53,7 +53,7 @@ Here is the require HTML with two images in it.
```html
<div
class="photoswipe-gallery"
class="elegant-gallery"
itemscope
itemtype="http://schema.org/ImageGallery"
>
@@ -101,7 +101,7 @@ Here is the require HTML with two images in it.
</div>
```
<div class="photoswipe-gallery" itemscope itemtype="http://schema.org/ImageGallery">
<div class="elegant-gallery" itemscope itemtype="http://schema.org/ImageGallery">
<figure itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject">
<a href="https://i.picsum.photos/id/1019/5472/3648.jpg" itemprop="contentUrl" data-size="5472x3648">
<img src="https://i.picsum.photos/id/1019/100/100.jpg" itemprop="thumbnail" alt="Image description" />
@@ -121,13 +121,13 @@ Here is the require HTML with two images in it.
```html
<div
class="photoswipe-gallery"
class="elegant-gallery"
itemscope
itemtype="http://schema.org/ImageGallery"
></div>
```
Notice the class, `photoswipe-gallery`. You should not change it.
Notice the class, `elegant-gallery`. You should not change it.
## Define `figure`
@@ -1,4 +1,4 @@
div.photoswipe-gallery {
div.elegant-gallery {
display: flex;
flex-wrap: wrap;
flex-direction: row;
@@ -200,4 +200,4 @@ var initPhotoSwipeFromDOM = function(gallerySelector) {
};

// execute above function
initPhotoSwipeFromDOM(".photoswipe-gallery");
initPhotoSwipeFromDOM(".elegant-gallery");

0 comments on commit 17a05da

Please sign in to comment.
You can’t perform that action at this time.