The skin picks the display mode based on their aspect ratio. However, here they can appear in 3 fashion: as thumbnails, as single images (a.k.a column-width) and full-width images. I am sure that with a bit more work this code could be incorporated into the main PhotoSwipe js and it could be intitalized with something as simple as $('.my-gallery'). Story skin is built around images just like any other photo album. I will ultimately include it as a PHP snippet. It also does nothing to dynamically load the PhotoSwipe HTML, I just pasted it at the bottom of my page. It assumes your thumbnails are in a container with a class of "thumbnail" (line 1), and it assumes that inside the thumbnail container are simple a tags (line 5 and 23). Plus I added a function from the documentation to enable the zooming effect when you click on a thumbnail, since I figured that is part of the necessary coolness of PhotoSwipe. Inherited the Tiger skin's styles, and many of its features. The gallery block is reponsive, looks great on mobile devices too. The gallery can be a normal block or wide and full width in themes that support them. By using this plugin you can add spectacular slideshows or grid-type galleries to any post or page in WordPress. The focus is on the slideshow presentation. jAlbum Bridge is a WordPress plugin for showcasing jAlbum albums. Responsive web design guarantees that the generated albums fit on mobiles, tablets. I got the main code, slightly modified, from Using PhotoSwipe with jQuery. Projector is a new, full window, responsive skin that belongs to the Tiger/Turtle/Photoblogger skin family. jAlbum creates photo album websites from your images and videos. Here is the minimum code necessary to get it running, I think.
0 Comments
Leave a Reply. |