j'aime
Aime
28
Téléchargements
6455
Auteur
AndreWolff AndreWolff
Installez le skin

Vous pouvez également installer le skin en décompressant ce fichier dans le dossier skin.

Min. version de jAlbum
13
Descriptif

The PhotoSwipe skin has the same index page as the Slide Show 4 skin, but the Slide page is replaced by the PhotoSwipe JavaScript gallery developed by Dmitry Semenov, see http://photoswipe.com/

So like the Slide Show 4 skin it is a small single page html5 compliant skin which gives maximum attention to your photos, because it will fill your screen with your photo, by adapting the image size to the screen size of your tablet or computer. The focus is not lead away by other small pictures or text.

Navigation and control is possible via buttons, via the keyboard on a PC and via one finger swipes on the iPhone or iPad and other touch screen devices. The buttons at the top of the index page are optional and can be hidden or displayed by clicking the theme image or the album title.
Navigation on the slide page: Swipe left / right to the next or previous image, spread to zoom in, drag to pan, pinch to zoom out or close, tap to toggle the controls, double-tap to zoom, swipe up or down to close the slide page and return to the index page.

The skin has a responsive layout of the thumbnails gallery: you can choose for an elastic table where the thumbnails grow or change if the window size changes or you can choose to reduce the number of thumbnails per row if the window width is reduced or make an elegant image gallery with the Justified Gallery plugin

An album may contain a mix of photos and movies. For thumbnails of movies on the index page a special border color may be selected.

This skin allows you to use one central resources folder for all your albums

Several settings can be changed by the viewer like the button size and the font size, which is is useful for small devices like an iPhone and in case you have troubles reading small letters. It is also possible to change here the viewing time for a slide in the optional slide show presentation.

You can display the album embedded in your web page with an iframe and you can show the first enlarged picture from a link on your web page without displaying the index page with thumb-nails.

You can choose for fixed shape thumbnails or for thumbnails with the full aspect ratio (no part of the picture cropped, but showing everything).

You can use plain text or html code both in the album description and in the slide descriptions.

Via 7 optional links on the index page, displayed as standard text buttons, as icon buttons, in a tool-bar or in the menu-bar at the top of the index page, you can add links to other albums or web-pages in a new window or in the same window. You can also display a web-page in a frame on the index page.

Optional Facebook and email 'Share' button on the index page and for each slide share links to Facebook, Twitter, email and Pinterest. If GPS information is available in a photo, the location can be displayed in Google Maps. Finally each slide has an optional 'Download' link.

Use my program MakeMap to display the photos in a Google Maps or Google Earth map with links to the slide pages.

If the album contains wide (panorama-) pictures, an expand icon is added above the image on the slide page, if check-mark 'Spherical Panoramic image' or 'Cylindrical Panoramic image'in the Panoramic image panel for an image has been set. For a 360° cylindrical panorama, you should set also set check-mark '360° panorama', in that case you can endless scroll through the panorama. If you set the 'Spherical Panoramic image' check-mark, the panorama can be viewed in Jérémys Photo Sphere Viewer.

It is also possible to view your panoramic pictures on external pages like the 360Cities.net site or with Google street View.

jAlbums 14 web-locations are supported:
You can make a top album of albums or display the web-location in the slide page as an image with a link to open the website in a new tab or you can display the website instead of a slide image. Via extra buttons you can navigate to other parts of the album. You can use this mode to display YouTube videos and/or external panorama pages in-line in the album.

Caractéristiques
Lit les fichiers audioavec interface tactileFreewareAvec diaporamaavec widgets jAlbnumPrésentation adaptableAffiche une carteAffiche les données EXIF ​​/ IPTCEffet de transitionavec musique de fondLecture de fichiers vidéoAssistance page Webtraite les dossiersAlbum multilingueavec Javascript
Créé
30 déc. 2015
Dernière mise à jour
21 nov. 2017
Soutien
Page d'accueil

https://andrewolff.blogspot.nl/2014/07/slide-show-4-skin-manual.html

Utilisation
L'utilisation commerciale n'est autorisée que si vous payez une licence 3ème partie.
Les modifications du skin sont autorisées.

Historique des versions

1.7.3 21 nov. 2017 (Actuelle)

You can now use Google Fonts for normal text.

Two new check-marks for background image: "Auto-size background image" and "Don't scroll background image". The effects of these check-marks are only visible on a PC.

Check-mark "Auto-size background image" also added on the slide page.

Added to the skinproperties: separateThemeImage=true, so with jAlbum 15 it is now also possible to define a theme image by dragging an image to the Theme Image box in the new Folder panel.

The are now 4 ways to generate a theme image, see the ‘Theme image’ tab on the ‘Index page’ tab:
1. Via the ‘Theme image:’ text box.
2. Via include file page-header_2.inc
By setting the new check-mark ‘If this field is blank or the Theme image is not found, use the Theme Image on the Folder panel’:
3. If ‘Create Theme image ...’ check-mark is cleared, the corresponding image in the slides folder is used. If a folder album has no slides directory this method does not work.
4. If ‘Create Theme image ...’ check-mark is set, a theme image folderimage.jpg is created in the output folder. You can define both a width and a height for the created theme image.
If method 1 is used, methods 3 and 4 are ignored.
If method 3 or 4 is used, the use of include file page-header_2.inc is excluded.

You can now use the theme image also as background image with fixed height, but if the Folder panel is not used, you should first remove all possible page-header_2.inc files otherwise it will not work.

New check-mark 'Show top info minimal 10 sec' on the Slide page to keep info longer visible on PC’s.

The slide page is no longer closed on a PC if you click left or right of the picture or if you click in the top or bottom bar.

Plus de skins créés par AndreWolff

Connectez-vous pour poster
Ecrire un commentaire
Poster un commentaire
edburdick

edburdick il y a 4 mois

I really like this skin for the way it adapts to different devices. A couple of questions... Is there support for multiple levels of folders? Jalbum lets me create one, but when I click on it, the images I put in it are not displayed. Instead, it is as if I went to the first image at the same level as the folder. To scroll a bunch of thumbnails on a phone, I cannot swipe over the thumbnails, but need to use empty space on the edges. Is there a setting that supports swiping over the thumbnails? Thanks for the great work.

Répondre
AndreWolff

AndreWolff il y a 4 mois

I do not understand your question about multiple levels of folders, could you please give a link to that album? About the swipes: try the various settings on the Index pages / General with the selection box after "Allows swipes:".

AndreWolff

AndreWolff il y a 4 mois

BTW Ed, please report problems in the forum: http://jalbum.net/forum/forum.jspa?forumID=11 This makes it easier to add enclosures like screen dumps etc. I don't see problems with multiple levels of folders as you can see in this test album: http://andrewolff.jalbum.net/Vecht_Beerze_PS/index.html

AndreWolff

AndreWolff il y a 4 mois

Did you see this remark in the manual: If an album contains folder albums, the thumbnail folder icons are displayed in a second table of thumbnail folder icons after the slide picture thumbnails of the top album. However it is the responsibility of the album creator that the folders are located after all normal images in the jAlbum Explore.

rundlewood

rundlewood il y a 11 mois

Andre, Thanks for getting back to me so quickly. After your email, I uninstalled Firefox and then did a clear install of it. That seems to have solved the problem. I did check that the browser view was reset though before doing this. I have not uploaded the site, am playing with different responsive skins and trying to integrate them into my website.

Répondre
AndreWolff

AndreWolff il y a 11 mois

Ok nice to hear the problem is solved! I still like to get your link if the result is uploaded!

rundlewood

rundlewood il y a 11 mois

I have been looking at the code using Firefox's Inspector and the body font seems to be reset. The code is: instead of the 16px also I noticed that the H1 Tag is being reset : My setting in Album settings are Font-size: 16px and album title font-size : 22px Hope this info helps.

Répondre
AndreWolff

AndreWolff il y a 11 mois

Well I can't reproduce this problem in my Firefox 50.0.2 version. I see in the inspector indeed font-size: 16px; with a line erased, but that is correct because this is modified in my Javascript SetViewersettings function.. What happens if you change the font size to 200% or 50% in the ste viewer settings window? Please give a link to your album, so that I can check it!

rundlewood

rundlewood il y a 11 mois

Photoswipe and Firefox 50.1.0 I created a basic photoswipe album and when I display it in firefox the fontsizes and not displayed correctly. They seem to be defaulting to 8px instead of the 16px in the settings. When displayed in Internet explorer the fonts are correct. Any suggestions of how to fix this?

Répondre
Stephen Parezo

Stephen Parezo il y a un an

How come you can't see a preview of the album after it is created? Very frustrating!!! Stephen Parezo

Répondre
AndreWolff

AndreWolff il y a un an

I don't know what you mean: I just checked it, if the album is ready after you clicked the Make button, you see the result in the internal browser if check-mark 'Use internal browser' in the preferences is set. And if it is cleared, as I use it myself always, you see a dialog box where you can click 'Preview' to see the result in your default browser