Title: jAlbum Bridge Author: mlaza Published: 14 de març de 2018 Last modified: 17 de març de 2025 --- Cerca extensions ![](https://ps.w.org/jalbum-bridge/assets/banner-772x250.jpg?rev=1839837) ![](https://ps.w.org/jalbum-bridge/assets/icon.svg?rev=1839837) # jAlbum Bridge Per [mlaza](https://profiles.wordpress.org/mlaza/) [Baixa](https://downloads.wordpress.org/plugin/jalbum-bridge.2.0.20.zip) * [Detalls](https://ca.wordpress.org/plugins/jalbum-bridge/#description) * [Ressenyes](https://ca.wordpress.org/plugins/jalbum-bridge/#reviews) * [Instal·lació](https://ca.wordpress.org/plugins/jalbum-bridge/#installation) * [Desenvolupament](https://ca.wordpress.org/plugins/jalbum-bridge/#developers) [Suport](https://wordpress.org/support/plugin/jalbum-bridge/) ## Descripció **jAlbum Bridge**: Add stunning slideshows and grid galleries from jAlbum to your WordPress posts and pages. It’s responsive and mobile-friendly. Slideshow transition types: * Cross-fade * Zoom * Ken Burns * Slide * Swap * Stack * Flip (3D) * Carousel (3D) * Book (3D) * Cube (3D) * Cover flow (3D) Grid-type layouts: * Grid * Mosaic * Strip * Masonry Please note that this projector pulls data from a JSON file, which is automatically generated when you make albums with database-driven skins (Tiger, Photoblogger, Projector, Lizard, or Story). However, you can also ask jAlbum to generate this file with any skin; see “Settings / Advanced / Generate JSON data.” (Don’t forget to “Make album” and “Upload” after turning this option on.) If you’re using the album from another site, make sure this site supports Cross Origin Resource Sharing (CORS); otherwise, the projector’s access will be blocked. Note that if the WordPress site is under **https**, the album site must support HTTPS protocol, too! jAlbum is an album creator desktop application that creates web albums of images on your hard disk. This way, you can manage your photo collection from your PC without needing individual uploads to a remote server. * Create albums with folders, custom pages, and external links * No limit; you can use tens of thousands of images or videos * jAlbum manages the uploads: you can upload to any site (different from your WP site), or you can host them on jalbum.net if you wish * Widely customizable albums * Tons of features: Google Maps, PayPal cart, Feedback, search, etc. For help with the plugin, visit [your-site-here.com ](https://your-site-here.com) Read more about [jAlbum features ](https://jalbum.net/software/features) Get the jAlbum application [from here ](https://jalbum.net/software/download) jAlbum Bridge [forum on jalbum.net ](http://jalbum.net/forum/forum.jspa?forumID=83) Feedback is welcome, especially the positive 😉 ## Captures * [[ * jAlbum box button * [[ * Adding URL * [[ * Carousel slider * [[ * Book slider * [[ * Coverflow slider * [[ * Masonry grid * [[ * Mosaic grid * [[ * Strip ## Blocs Aquesta extensió proporciona 1 bloc. * Gallery ## Instal·lació 1. Install the plugin through the Dashboard’s “Plugins / Add new” panel directly, or manually upload the plugin files to the `/wp-content/plugins/jalbum-bridge` directory. 2. “Activate” the plugin in the “Plugins” menu. 3. In the editor use the “Add block” (+) button, “jAlbum box” to insert a new box. 4. Add the URL of the album’s top-level page in the inspector panel’s appropriate input. ## PMF ### Is this projector working on images within WordPress? You don’t have to add the images to the WordPress Media collection. Simply use the jAlbum application—which runs on any PC—to create and upload albums separately from WordPress. ### I can’t see the settings (inspector) Click the three dots in the block’s header and click **Show Block Settings**, or press CTRL-SHIFT—[,] to toggle! ### What is the workflow? 1. First, you create an album using the jAlbum application. See short instructions [here ](http://www.your-site-here.com/jalbum-workflow/). 2. Upload to a separate (static) folder in your server’s root, e.g., `/albums`. Make sure to avoid naming conflicts with existing WordPress posts. If you already have a post (page) called “album” and you create a folder at the site root called “album”, they might interfere, and instead of the post, the visitors will only see the contents of the static folder. 3. Open a WordPress post (or page) and use the `jAlbum box` button to insert or edit a projector. 4. Provide the URL to the album, e.g., `/albums/Event1`, and set the projector Type and other settings. 5. Once finished, click “Update” to actualize the post. ### What format is required as an Album URL? You can use either “absolute” (e.g., `http://your-site-here.com/album/Travel`) or“ site root relative” addresses (e.g. `/album/Travel`). ### Can I use an album from another site? Yes, you can. However, you’ll have to have access rights to the album’s server. It’s called “Cross-Origin Resource Sharing” (CORS), and can be controlled many ways, e.g. through the `.htaccess` file in the site root. For example, adding `Header add Access-Control-Allow-Origin "http://www.your-site-here.com/"` allows file access from the mentioned site. Once you already allowed access to “*” (any site) you don’t have to do anything more. ### Error: “Missing or no access to tree.json”. What can I do? This error message means there’s either no tree.json (album database) in the given folder, or the server does not allow to access it. Check the following: * Check if the album’s output directory (Ctrl-Shift-O) in jAlbum contains **tree. json**. If not, choose a skin that supports JSON output (Tiger, Photoblogger, Responsive) or turn on the `Settings / Advanced / Generate JSON data` option. Make + Upload again. * Check the **Developer tools** (F12 in Chrome) for the error. If it says “**Cross Domain Access Denied**” you’ll have to set proper CORS policies on the other site (see above), or if it’s on the same site make sure to use the same absolute URL format (with or withour “www” for example), or use the site root relative format, e.g. `/album/Travel`. * If the browser complains about “**Mixed content**” that means the WordPress page runs under secure (`https:`) protocol, while the album comes from an “unsecured” server. Ensure the album’s site has “https:” certification or move the album to the same server as the WordPress page. * If none of the above happens your (album) server might not support “JSON” files by default. You might need to add `application/json` to the **known MIME types** on your server. By default Apache servers used to be configured properly, but most IIS servers need this modification. ## Ressenyes ![](https://secure.gravatar.com/avatar/c80cc1b66edaa75cc4099be97ed00153b370c028ce4394c2a65e9c8bc78186e2? s=60&d=retro&r=g) ### 󠀁[Welcome and updated link between Jalbum and WordPress](https://wordpress.org/support/topic/welcome-link-between-jalbum-and-wordpress/)󠁿 [hansjcotten](https://profiles.wordpress.org/hansjcotten/) 10 de agost de 2020 Welcome link between jalbum and WordPress. Useful when you invested a lot of time on albums created with jabum and use WordPress as CMS to show them. Well supported again! ![](https://secure.gravatar.com/avatar/598a89d028c2d9d402e18dd00e94e325c01f53107b656dde5596b204b442e16e? s=60&d=retro&r=g) ### 󠀁[JAlbum Bridge](https://wordpress.org/support/topic/jalbum-bridge/)󠁿 [Barenco](https://profiles.wordpress.org/barenco/) 9 de abril de 2018 3 respostes It does not work if the album is on a different site server. In this case we have only one blank space. Jalbum is very good, but the plugin still needs to be improved. ![](https://secure.gravatar.com/avatar/6c7e1967cfda73eb916330f2c3410df42e013c2073c7bbec3b6a598ba5259903? s=60&d=retro&r=g) ### 󠀁[This was long awaited…](https://wordpress.org/support/topic/this-was-long-awaited/)󠁿 [John](https://profiles.wordpress.org/dsl225/) 6 de abril de 2018 Thanks for creating this plugin! It helps a lot and adds new perspectives. Currently testing but I already wanted to acclaim the initiative… [ Llegiu totes les 3 ressenyes ](https://wordpress.org/support/plugin/jalbum-bridge/reviews/) ## Col·laboradors i desenvolupadors «jAlbum Bridge» és programari de codi obert. La següent gent ha col·laborat en aquesta extensió. Col·laboradors * [ mlaza ](https://profiles.wordpress.org/mlaza/) * [ jalbum ](https://profiles.wordpress.org/jalbum/) “jAlbum Bridge” s’ha traduït a 3 configuracions regionals. Gràcies als [traductors](https://translate.wordpress.org/projects/wp-plugins/jalbum-bridge/contributors) per les seves aportacions. [Traduïu «jAlbum Bridge» a la vostra llengua.](https://translate.wordpress.org/projects/wp-plugins/jalbum-bridge) ### Interessats en el desenvolupament? [Navegueu pel codi](https://plugins.trac.wordpress.org/browser/jalbum-bridge/), baixeu-vos el [repositori SVN](https://plugins.svn.wordpress.org/jalbum-bridge/), o subscriviu-vos al [registre de desenvolupament](https://plugins.trac.wordpress.org/log/jalbum-bridge/) per [fisl de subscripció RSS](https://plugins.trac.wordpress.org/log/jalbum-bridge/?limit=100&mode=stop_on_copy&format=rss). ## Registre de canvis #### 2.0.20 * Fixed: PHP Error #### 2.0.19 * Changed: Sanitizing each attribute to fend off malicious XSS (Cross Site Script) attacks that an editor could insert. #### 2.0.18 * Changed: Fending off malicious XSS (Cross Site Script) attacks by editor #### 2.0.17 * Changed: Further sanitizing passed “ar” parameter when using shortcodes. #### 2.0.16 * Changed: Sanitizing passed “ar” parameter when using shortcodes. * Changed: When opening images in a new window, the plugin will update the already existing tab, instead of opening a new tab * Compatibility bumped up to 6.7.1 #### 2.0.15 * Changed: compatibility bumped up to 6.5.3 #### 2.0.14 * New: Option to open album links in new window (or tab) #### 2.0.13 * Fixed: Older themes which modified child elements’ “box-sizing” attribute deeply could wreck some of the layouts, e.g. Masonry #### 2.0.12 * Fixed: Choosing folders as “Include” option didn’t work * Updated: Translation file #### 2.0.11 * Fixed: Javascript error blocking the preview in the Editor #### 2.0.10 * Changed: Critical errors are displayed, e.g. broken link to the album or the initial folder. In the production version these errors disappear automatically. #### 2.0.9 * Fixed: Link to the album’s index page instead of individual images works only in DEBUG mode #### 2.0.8 * Added option to link to the album’s index page instead of individual images #### 2.0.7 * Fixing disregarded aspect ratio parameter in short code mode #### 2.0.6 * Fixing memory leak (degraded performance over time) with slideshow type projectors #### 2.0.5 * Fixing broken projector with absolute album URL’s #### 2.0.4 * Fixing range slider numeric input field is too narrow to accommodate 5-digit numbers on WP 5.0 – 5.2 * Fixing link to album is broken in certain cases * Fixing wrong transitions in “coverflow” using random order * Fixing wrong ordering criteria and direction with certain ordering types #### 2.0.3 * Fixed broken links to album * Short code (old plugin) projectors had no links, even though originally the links were enabled by default #### 2.0.2 * Range slider numeric input field too narrow to accommodate 5-digit numbers * Aspect ratio combo box shows 10:1 when you chose 8:1, 6:1, 16:9, 6:5, 4:3, 9: 16 #### 2.0.1 * Projector is broken when using “Title + link” as title caption. (In the post, but not in Editor) * Removed spinner arrows from range control inputs on FireFox * More than 3 keywords error on WordPress 5.0 – 5.2 * “blockEditor” missing error on WordPress 5.0 – 5.2 * Lighter link icon with “Title + link” captions * Better animation for the first frame in “Slide” transition * Immediate rendering of hidden faces in “Carousel” transition * Displaying projectors added with previous versions. Still no TinyMCE preferences dialog is provided, so you can edit the short codes manually or re-add them as Blocks. #### 2.0.0 * Extensive rework of the plugin for WordPress’ new **Block Editor** (a.k.a Gutenberg) * New transition type: “Zoom” * New ordering criteria: “File size”, added new ascending/descending orders * Block can be “wide width” and “full width” too * Better – flicker-free – transitions on the 3D projectors * The plugin is now translatable * Better database compatibility with the upgraded skins #### 1.1.0 * Added “Folder” option to show contents only of a subdirectory * Added “Gap” option for grid-like layouts: leaves gap between the cards * The code checks if called from a https: page and adjusts the albumURL accordingly( Plase note, using http: album URL from a secure page results in a broken projector anyway. Make sure to support the secure protocol on the album page too in this case!) * Coverflow width is adjusted to fill in the space better * Added ${label} – can be used in templates for the filename without extension + underscrores replaced by spaces * Default photo caption template is using “label” instead of “name” #### 1.0.3 * Fixed Carousel 3D rendering artifacts on Safari * Automatically removing index.html (or php) when added as Album Url * Fixed Grid layout 1px gap between rows * Fixed Mosaic 1+3 layout’s overlapping images * Fixed Masonry layout falls apart on window resize #### 1.0.2 * Fixed TinyMCE selection does not cover all the shortcode * Title default style is “White” #### 1.0.1 * Fixed TinyMCE selection error. * Added custom attribute handling in short codes #### 1.0 * Initial release ## Meta * Versió **2.0.20** * Darrera actualització **fa 1 any** * Instal·lacions actives **500+** * Versió del WordPress ** 5.0 o posterior ** * Provada fins a **6.7.5** * Versió del PHP ** 5.2.4 o posterior ** * Idiomes * [Arabic](https://ar.wordpress.org/plugins/jalbum-bridge/), [English (US)](https://wordpress.org/plugins/jalbum-bridge/), [Hungarian](https://hu.wordpress.org/plugins/jalbum-bridge/), i [Swedish](https://sv.wordpress.org/plugins/jalbum-bridge/). * [Traduïu a la vostra llengua](https://translate.wordpress.org/projects/wp-plugins/jalbum-bridge) * Etiquetes * [album](https://ca.wordpress.org/plugins/tags/album/)[gallery](https://ca.wordpress.org/plugins/tags/gallery/) [jalbum](https://ca.wordpress.org/plugins/tags/jalbum/)[photo](https://ca.wordpress.org/plugins/tags/photo/) [slideshow](https://ca.wordpress.org/plugins/tags/slideshow/) * [Vista avançada](https://ca.wordpress.org/plugins/jalbum-bridge/advanced/) ## Valoracions 4 sobre 5 estrelles. * [ 2 valoracions de 5 estrelles ](https://wordpress.org/support/plugin/jalbum-bridge/reviews/?filter=5) * [ 0 valoracions de 4 estrelles ](https://wordpress.org/support/plugin/jalbum-bridge/reviews/?filter=4) * [ 0 valoracions de 3 estrelles ](https://wordpress.org/support/plugin/jalbum-bridge/reviews/?filter=3) * [ 1 valoració de 2 estrelles ](https://wordpress.org/support/plugin/jalbum-bridge/reviews/?filter=2) * [ 0 valoracions de 1 estrelles ](https://wordpress.org/support/plugin/jalbum-bridge/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/jalbum-bridge/reviews/#new-post) [Visualitzeu totes les ressenyes](https://wordpress.org/support/plugin/jalbum-bridge/reviews/) ## Col·laboradors * [ mlaza ](https://profiles.wordpress.org/mlaza/) * [ jalbum ](https://profiles.wordpress.org/jalbum/) ## Suport Problemes resolts durant els darrers dos mesos: 1 de 1 [Visualitza els fòrums de suport](https://wordpress.org/support/plugin/jalbum-bridge/) ## Feu una donació Voleu ajudar a què l’extensió millori? [ Feu una donació a aquesta extensió ](https://jalbum.net/en/secure/donate)