You are not logged in. Please login or register.
Active topics Unanswered topics
Juicebox v1.5.1 Released!
Search options (Page 207 of 235)
If you are trying to get your gallery to work locally on your computer, try using paths such as:
baseUrl : 'file:///C:/Users/.../Sites/drupal/sites/all/themes/mg/galleries/Profile_Gallery/',
However, this will not work when uploaded to a web server (as the paths refer to locations on your own computer's hard drive to which internet users have no access).
You would need to swap the paths for relative URLs or absolute URLs such as:
baseUrl : 'http://www.example.com/Sites/drupal/sites/all/themes/mg/galleries/Profile_Gallery/',
@ Kaylee
Please see the Using a Resizable Gallery with a Header section of the 'Juicebox - Embedding Guide' (just scroll down the 'Embedding Multiple Galleries' section a little).
This section of the 'Juicebox - Embedding Guide' demonstrates how to have a HTML header or footer and have Juicebox resize to fill the remaining browser window.
Check out the View Resizable Gallery with Top Menu Example.
You can view the source of the web page in your browser and copy/modify it to suit your own needs.
For example, you could delete the header, swap the sample gallery for your own gallery and swap the footer content for your own navigation menu.
No. Juicebox-Pro displays only one main image at any one time.
All your files and folders look to have been uploaded to the correct locations.
However, when viewing the source of your web page, there is a stray <br /> tag after the baseUrl line in your embedding code. Remove the <br /> entry from the following line:
baseUrl : 'http://meowcreative.businesscatalyst.com/gallery/',<br />
Also, you may need to change your gallery's height from 100% to an absolute pixel value.
1.- Mostly single galleries,can the menu be removed and only the back button(or nothing) in the upper left,find the menu pushs everything too far to the right on mobile.
If you are referring to the Juicebox skin for jAlbum, then the menu can be removed (which will result in a single gallery of images in the root input directory) by going to 'Album -> Settings -> Advanced -> General' (from the drop-down menu at the top of the jAlbum window) and deselecting the 'Process subdirectories' checkbox before clicking 'OK' and making your album.
2. In the lite version the thumbs seem to be a fixed crop,I have some panoramic galleries that need a thumb that is say 180x90,possible in the PRO???
With Juicebox-Lite, all thumbnails are 85 x 85. With Juicebox-Pro, you can set the dimensions of the thumbnails to whatever you like using the Juicebox-Pro Thumbnail Options thumbWidth and thumbHeight.
You would first need to upgrade the skin from Juicebox-Lite (which it comes bundled with) to Juicebox-Pro by following the instructions on the skin's web page. You would then need to tell jAlbum what size of thumbnail images you would like it to create ('Album -> Settings -> Images -> Image bounds') and enter the corresponding Juicebox-Pro configuration options into the skin settings 'Pro Options' text area as follows:
thumbWidth=180
thumbHeight=90
The 'December Special Offer' coupon code (found on Twitter here) is still valid so, for a limited time, you are still able to purchase Juicebox-Pro with a 20% discount by entering the coupon code on the Buy Now! page.
The embedding code generated by svBuilder-Pro will look similar for each gallery as it is used when following the embedding instructions here (where the entire contents of the gallery folder should be uploaded to the same directory as the web page containing the embedding code).
Alternatively, you can upload complete gallery folders to your web server (to keep all your galleries separate from each other) and embed them in web pages using the baseUrl method documented here.
Actually, my error.. it IS the IPTC Description I used in all of my 1500 photos. So that would be great if it worked to extract the Description field to label all of my photos.
This should work fine for you. You can try it out with JuiceboxBuilder-Lite which comes with Juicebox-Lite (the free version) as JuiceboxBuilder-Lite and JuiceboxBuilder-Pro both support using the IPTC 'Description' fields for the gallery image captions. Just select 'Images -> Captions -> Use IPTC Captions' from the drop down menu at the top.
You can download Juicebox-Lite from this web page and instructions for installing JuiceboxBuilder-Lite can be found on this web page.
Setting showImageNav="NONE" and imageClickMode="NONE" would be a suitable workaround only if enableAutoPlay="FALSE" and enableKeyboardControls="FALSE". (The bug manifests itself when autoplaying and when using keyboard controls to navigate through the images as well as when using the main image navigation button.)
@artwindows
JuiceboxBuilder-Pro (which comes with Juicebox-Pro) uses the IPTC 'Document Title' and 'Description' fields to populate the gallery image titles and captions respectively. (These IPTC labels are those used by Adobe Photoshop. Other image manipulation programs may use different labels for these IPTC fields.)
JuiceboxBuilder-Pro does not extract and use EXIF information.
You may be able to use jAlbum and the Juicebox Skin to create a Juicebox gallery using your EXIF information for captions. You can try it by installing both jAlbum and the Juicebox Skin and going to the 'Album -> Settings -> Advanced -> Metadata' section from the drop-down menu at the top and selecting the 'EXIF' options in the appropriate checkboxes in the 'Comment sources' control panel.
The first 4 of your steps are correct but the last 3 are not required at all.
After going through steps 1 - 4, just close the 'Insert Media' window.
You may also need to clear your browser's cache before reloading the gallery.
This procedure for reordering images can be done at the time of creating the post with the gallery or afterwards by editing the post.
Thank you for reporting.
This sounds like it might be a known bug which manifests itself only when captionPosition="OVERLAY_IMAGE", imageTransitionType="FADE" and frameWidth is greater than zero.
This bug should hopefully be fixed in the next version of Juicebox-Pro but, in the meantime, workarounds would be:
Set captionPosition to anything other than 'OVERLAY_IMAGE', or...
Set imageTransitionType to anything other than 'FADE', or...
Set frameWidth="0"
There is currently no way to vertically align the main images to the top of the image area.
However, the ability to vertically align the main images (to TOP, CENTER or BOTTOM) via a new configuration option is on the roadmap and should hopefully be included in a future version of Juicebox-Pro (though I do not know exactly when this may be).
Thank you for the suggestions.
Please post feature requests in the Feature Requests forum thread. It keeps them all together and ensures that they are not overlooked.
You can choose the color for the different texts in a gallery by using CSS as follows:
Gallery Title:
.jb-flag-large-screen-mode .jb-area-large-mode-title {
color: #ff0000;
}
Image Title:
.jb-caption .jb-caption-title {
color: #00ff00;
}
Image Caption:
.jb-cap-frame .jb-caption {
color: #0000ff;
}
For configuration beyond that which is capable using the available configuration options, please see the Theming Guide.
It certainly seems to have something to do with the folder name itself as if I use a baseUrl folder name of 'advertisements', the gallery fails, whereas if I change the name of the folder to 'advertizements' (for example), the gallery works OK.
Workarounds would be to either use a folder name which is not related to ads or to write an exception rule for AdBlock to allow your chosen folder name.
Try opening the 'wp-juicebox/config.php' file in a plain text editor and change line 56 from:
$image = wp_get_attachment_image_src($attachment->ID, 'full');
... to:
$image = wp_get_attachment_image_src($attachment->ID, 'large');
(The line number refers to WP-Juicebox v1.2.0.)
No. If it works, that's great.
For more information on the 'viewport' <meta> tag, please see this web page.
Using your settings (950x650 at 99% quality), the resulting images have approximately 4 x the file size of those generated using the default values (1024 x 768 at 80% quality).
It may still be a memory issue. Your computer may have 16GB RAM but it may not all be allocated or usable by JuiceboxBuilder-Pro. According to a post in this forum thread:
As of Windows 7, and AIR 3.3 Adobe AIR apps are limited to around 1GB memory allocation.
Try reducing the quality a little to see if this makes a difference. Reducing the quality from 99% to 90% could potentially reduce the file size of your images by half (or even more) with little visible difference, retaining enough quality for use in a web gallery.
You may be running into memory issues with so many images in your JuiceboxBuilder-Pro gallery.
However, I have just successfully created a test Juicebox-Pro gallery with JuiceboxBuilder-Pro using over 1,600 images on a PC with 2GB of RAM. All images were added at once and JuiceboxBuilder-Pro has no problem opening the gallery (though it takes a little while to open) after having been saved. For reference, the images in my test gallery were resized using the default values of 1024 x 768 at 80% quality and have an average file size of 120KB each.
Make sure that the imagePreloading configuration option is not set to 'ALL' as the browser will try to preload all the images in the gallery as soon as the gallery is loaded.
Also, you might also like to consider splitting your gallery into multiple smaller galleries and linking them together using the Embedding Multiple Galleries guide here.
When I embed JB the same page it loads only showing a small section of the page (zoomed in) and I cant pinch and zoom.
Try adding the following code to the <head> section of your WordPress theme:
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
Otherwise, you may like to try a mobile-friendly WordPress theme such as Twenty Twelve which may help.
and I cant pinch and zoom.
Unfortunately, it is not possible to pinch-zoom within a Juicebox gallery as the pinch-zoom gesture can interfere with the gallery controls (such as the swipe gesture to change the main image or the tap gesture for the navigation controls).
Whenever I put a gallery into an iframe I lose the expand button. Is that by design?
This is a known side-effect of embedding a Juicebox gallery into an iframe. Please see the Using an iframe section of the Embedding Guide.
If possible, embed your Juicebox gallery using the baseUrl method and your gallery will not lose any functionality.
It is like that your 'onload' function is being called before the gallery APIs are available.
Instead, call the showGallery() methods within the corresponding gallery onInitComplete events as follows:
Gallery1.onInitComplete = function() {
Gallery1.showGallery(true);
};
Gallery2.onInitComplete = function() {
Gallery2.showGallery(false);
};
Gallery3.onInitComplete = function() {
Gallery3.showGallery(false);
};
Gallery4.onInitComplete = function() {
Gallery4.showGallery(false);
};
I found the following definitions on this SlideShowPro forum web page.
w = Slideshow Image Width
h = Slideshow Image Height
s = Slideshow Image Sharpening
q = Slideshow Image Quality
tlw = Thumbnail Link width
tlh = Thumbnail Link height
tlq = Thumbnail Link Quality
tls = Thumbnail Link Sharpening
tw = Hover Thumbnail Preview width
th = Hover Thumbnail Preview height
The full SlideshowPro Director API can be found here.
Using an <iframe>, you would be able to have a single HTML page containing your menu bar and you could target the <iframe> with different galleries without the user leaving the main page.
The Embedding Multiple Galleries example duplicates a template page for each gallery (so that an <iframe> is not used) and each gallery has its own page (complete with header and footer).
Try viewing the source of the http://www.juicebox.net/demos/support/m … index.html page in your browser. You can replace the sample header with your own menu bar and duplicate the page for as many galleries as you have.
So what's the difference between OnInitComplete and OnImageChange then?
onInitComplete() fires only once when Juicebox has completed initialization and The API is available.
onImageChange() fires each and every time a new image is displayed (when the first image is displayed on loading the gallery, when the user changes the image manually and when the image is changed via AutoPlay).
For a full description of all Juicebox API methods and events, please see the Juicebox - API Support page.
Posts found: 5,151 to 5,175 of 5,851