You are not logged in. Please login or register.
Active topics Unanswered topics
Juicebox v1.5.1 Released!
Search options (Page 188 of 235)
I've been using the Wordpress Juicebox plugin, but I'm not certain that the SEO tools are built in, so I'm working on making the switch to the desktop application.
That is correct. WP-Juicebox does not generate SEO code.
I've created my gallery, uploaded it to my server, and am trying to use the baseURL method to point to the gallery (since it's Wordpress, I'm fairly certain I need to do it this way, though I could absolutely be wrong).
Using the baseUrl method is probably the best way to embed a gallery in a WordPress environment (other than using WP-Juicebox) as it means you can keep the gallery as a self contained entity with all the gallery files in a single folder and you do not need to worry about which folder to upload the gallery files to.
But, when I look at my page, all that shows is the html text.
It sounds like you might be entering the code into the body of your post in 'Visual' mode. Switch to 'Text' mode when entering code.
The page I'm testing is here.http://www.maxphotostudio.com/index.php … ebfa26f33c
That URL displays "You do not have permission to preview drafts." so I cannot check your page at present.
If you plan to copy and paste the embedding code and SEO code from a gallery created by JuiceboxBuilder-Pro into a WordPress post, make sure that the paths to the images in the SEO code are correct. If you are using a baseUrl, you will need to modify the paths to point to the correct location.
1. Is Pro support runtime define image switch animation(like api invoke solution)? or random switch animation within one gallery view.
No. The imageTransitionType must be set before the gallery is initially displayed and will be used for all images in the gallery.
You could, however, have a random imageTransitionType used each time the gallery is displayed by using the following embedding code:
<!--START JUICEBOX EMBED-->
<script src="jbcore/juicebox.js"></script>
<script>
var transition;
var number=Math.floor(Math.random()*4);
switch(number) {
case 0:
transition = "SLIDE";
break;
case 1:
transition = "FADE";
break;
case 2:
transition = "CROSS_FADE";
break;
case 3:
default:
transition = "NONE";
break;
}
new juicebox({
containerId : 'juicebox-container',
imageTransitionType: transition
});
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->
2. and multi backgroud audio track support, like runtime switching or random play within one gallery view?
No. Juicebox-Pro supports only a single audio track. If you wanted to play a random track each time the gallery is loaded, you could use code similar to that above.
For reference, the complete list of Audio Options can be found here.
3. Chinese character support(UTF-8)?
Yes. You can try it out with Juicebox-Lite before purchasing Juicebox-Pro.
Set screenMode="SMALL" to force the gallery to be displayed in Small Screen Mode in all browsers and on all devices.
This will initially display a grid of thumbnails from which the user can select a main image. When the main image is selected, the user can return to the thumbnail page via the 'Toggle Thumbnails' button on the Button Bar.
For more information about Screen Modes, please see here.
You are missing a closing ) from the end of your gallery's embedding code.
Change:
<script>
new juicebox({
baseUrl :"jb_small/",
containerId : "juicebox-container",
galleryWidth: "300",
galleryHeight: "200",
backgroundColor: "#222222"
}</script>
... to:
<script>
new juicebox({
baseUrl: "jb_small/",
containerId: "juicebox-container",
galleryWidth: "300",
galleryHeight: "200",
backgroundColor: "#222222"
});
</script>
Is there some way to increase the horizontal size of the area that captions are displayed within, just as you can increase the vertical size?
You can have the captions span the width of the main images (when setting captionPosition to either OVERLAY_IMAGE or BELOW_IMAGE) or the width of the stage (when setting]captionPosition to either OVERLAY or BOTTOM) or the width of the thumbnail area (when setting captionPosition to BELOW_THUMBS).
It is not possible to fine-tune the horizontal width of the caption area.
What does it mean when I get the error showing up in the gallery window "config.xml file not found"?
With a standard gallery, the following FAQ would usually help with the 'Config XML file not found' message.
When I view my gallery I see the message 'Config XML file not found'. How do I fix this?
However, in your case, your gallery's XML file is generated dynamically by WP-Juicebox (the WordPress plugin) at the time the gallery is displayed. If you are using a NextGEN gallery as a source of images for your Juicebox gallery when the 'Config XML file not found' message is displayed, then there may be a problem with the NextGEN gallery itself causing the XML file to fail to be created successfully.
Please post the URL to your gallery so that I can take a look and hopefully help further.
If you wish to prevent browsers from caching your gallery's XML file, please see this forum post.
The languageList option is not featured in the JuiceboxBuilder-Pro interface.
It must be added to the list of configuration options in your gallery either in the XML file (as an attribute to the opening <juiceboxgallery> tag) or within the embedding code (as documented here).
For example, in the 'config.xml' file:
<?xml version="1.0" encoding="UTF-8"?>
<juiceboxgallery
galleryTitle="Juicebox-Pro Gallery"
languageList="Show Thumbnails|Hide Thumbnails|Expand Gallery|Close Gallery|Open Image in New Window|Next Image|Previous Image|Play Audio|Pause Audio|Show Information|Hide Information|Start AutoPlay|Stop AutoPlay|AutoPlay ON|AutoPlay OFF|Go Back|Buy this Image|Share on Facebook|Share on Twitter|Share on Google+|Share on Pinterest|Share on Tumblr|of"
>
<image imageURL="images/image1.jpeg"
thumbURL="thumbs/image1.jpeg"
linkURL="images/image1.jpeg"
linkTarget="_blank">
<title><![CDATA[]]></title>
<caption><![CDATA[]]></caption>
</image>
</juiceboxgallery>
.. or in your gallery's embedding code:
<!--START JUICEBOX EMBED-->
<script src="jbcore/juicebox.js"></script>
<script>
new juicebox({
containerId: 'juicebox-container',
languageList: 'Show Thumbnails|Hide Thumbnails|Expand Gallery|Close Gallery|Open Image in New Window|Next Image|Previous Image|Play Audio|Pause Audio|Show Information|Hide Information|Start AutoPlay|Stop AutoPlay|AutoPlay ON|AutoPlay OFF|Go Back|Buy this Image|Share on Facebook|Share on Twitter|Share on Google+|Share on Pinterest|Share on Tumblr|of'
});
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->
Change the text you would like to customize within the list leaving all other elements the same (elements should be separated from each other by the | character).
For example, if you wanted to change the tooltip text for the Open Image button from 'Open Image in New Window' to 'Click to view image' then you would use the string:
Show Thumbnails|Hide Thumbnails|Expand Gallery|Close Gallery|Click to view image|Next Image|Previous Image|Play Audio|Pause Audio|Show Information|Hide Information|Start AutoPlay|Stop AutoPlay|AutoPlay ON|AutoPlay OFF|Go Back|Buy this Image|Share on Facebook|Share on Twitter|Share on Google+|Share on Pinterest|Share on Tumblr|of
I have just introduced a CSS menu on all the pages, but when I flip from "source" to "WISIWIG" the code <div id="juicebox-container"></div> disappears.
This may simply be a limitation of the browser built in to BlueGriffon. In order to preview your gallery, I would recommend viewing your page in a standard browser (such as Firefox, IE, Chrome or Safari).
(There is a similar limitation in Dreamweaver whereby the Juicebox gallery will not show in Dreamweaver's design preview.)
The main gallery on the pictures.html page does not show properly on first load - it is ok on refresh. This is the same in chrome as well as IE; any ideas on a solution?
Check your page's code with the W3C Markup Validation Service and fix any errors that are reported.
The small galleries on pictures.html and guestbook.html do not show - simply a white field in the table. I've checked the code, which appears to be the same as all the other pages.
You have two galleries on your page but both galleries are embedded into the same container.
You need to embed each gallery into a <div> with a unique id.
For example:
<script src="jbcore/juicebox.js"></script>
<script>
new juicebox({
containerId : "juicebox-container1",
});
</script>
<div id="juicebox-container1"></div>
<script>
new juicebox({
containerId : "juicebox-container2",
});
</script>
<div id="juicebox-container2"></div>
On the other site, they do not appear at all.
Try comparing the settings in the 2 'config.xml' files (and copy the settings from one gallery to the other if you want both to look similar).
The site where they don't appear has a black background and I've seen in other cases where this can cause certain things to "disappear". I'm wondering if that is the case.
That is certainly possible. For example if you have white text on a white caption area, the text will be displayed but not visible.
What controls the absence/presence of these?
The main image navigation buttons are displayed when showImageNav="TRUE".
The thumbnail navigation buttons are automatically displayed if there are enough thumbnails in your gallery to require multiple thumbnail pages.
I notice that your gallery uses Juicebox-Pro v1.1.0.
Please upgrade your gallery to the latest version (v1.3.0) as many bugs have been fixed since v1.1.0.
Please see the Version History for a full list of changes.
Instructions on how to get the latest version and upgrade existing galleries can be found on the Upgrading Juicebox page.
Also, try fixing the HTML errors on your page. You can check your page's code with the W3C Markup Validation Service.
Once the page on your code validates correctly, your page should be rendered with greater predictability and consistency across different browsers.
The flickering seems to appear only when both bootstrap.min.js and jquery-1.9.1.min.js are loaded on the page.
If you need bootstrap.min.js, then try removing jQuery v1.9.1 from your page and use the version of jQuery incorporated within the 'juicebox.js' file instead.
The combination of imageTransitionType="FADE" and captionPosition="BELOW_IMAGE" (with all other settings at their default values) does not cause captions to disappear in my own test gallery but it is possible that a certain combination of configuration options might cause the problem.
Please post the URL to your gallery so that I can take a look.
After setting the Nav Button Back Color, change the Nav Button Icon Color to something other than white and then change it back to white and it should work.
I will notify the developers of this oddity.
Try setting expandInNewPage="TRUE" (in the JuiceboxBuilder-Pro 'Customize -> General' section). This should hopefully bypass the 'z-index' issues that you are experiencing.
Please see here for more information.
It sounds like your gallery might be affected by a known bug whereby captions disappear when setting captionPosition to "BOTTOM" or "BELOW_THUMBS" in conjunction with setting imageTransitionType="CROSS_FADE".
The bug has been addressed and will be fixed in the next version of Juicebox-Pro (although I do not know when it will be released).
In the meantime, perhaps setting imageTransitionType="FADE" would be a suitable workaround.
If it helps to narrow things down, I have created a test gallery using the following code as the gallery's 'index.html' file to try to replicate your problem but the flickering does not appear.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
html, body
{
height: 100%;
overflow: hidden;
}
body {
background-color: #222222;
margin: 0;
padding: 0;
}
#header {
width: 100%;
height: 20px;
}
#footer {
width: 100%;
height: 20px;
}
#header, #footer {
background-color: #222222;
color: #ffffff;
font-size: 20px;
padding: 10px 0;
text-align: center;
}
#juicebox-content {
width: 100%;
}
</style>
<script type="text/javascript" src="jbcore/juicebox.js"></script>
<script type="text/javascript">
function doLayout() {
var winHeight, headerHeight, footerHeight;
winHeight = window.innerHeight ? window.innerHeight : $(window).height();
headerHeight = $('#header').outerHeight();
footerHeight = $('#footer').outerHeight();
var newH = parseInt(winHeight) - parseInt(headerHeight) - parseInt(footerHeight);
$('#juicebox-content').height(newH);
}
$(document).ready(function () {
doLayout();
$(window).bind('resize', doLayout);
new juicebox({
containerid : 'juicebox-container'
});
});
</script>
<title>Test Gallery</title>
</head>
<body>
<div id="header">This is the header.</div>
<div id="juicebox-content">
<div id="juicebox-container"></div>
</div>
<div id="footer">This is the footer.</div>
</body>
</html>
Try temporarily removing your bootstrap CSS file (loaded by this line <link rel="stylesheet" href="/min/g=css-1.1.5">) to see if it makes a difference as it may contain generalized CSS rules which the gallery has no option but to inherit.
Thank you for providing the URL to your gallery.
I do see the shadow on the image number in your gallery.
On further investigation, it appears that the textShadowColor configuration option is not respected when the gallery is expanded fullscreen (from a Splash Page or by using the Expand button in an embedded gallery which does not use a Splash Page). My test gallery was a 100% x 100% gallery which is why I did not see the problem earlier.
I have logged a bug report and hopefully this will be fixed in the next version of Juicebox-Pro.
It looks like the problem might be caused by incorrect or missing MIME types on your original web server.
For example, If I try to access the 'juicebox.eot' file directly from your original web server, my browser displays the content as text.
However, if I try to access the 'juicebox.eot' file directly from your new web server, my browser asks if I would like to download the file.
(The files are treated differently on the two servers.)
Hopefully your original web host can sort the problem out for you.
But when I have BOTH galeries active the galerie1 shows the pictures of galerie2 in the expanded mode (in the normal mode it works fine) and galerie2 shows the same behaviour with the pictures of galerie1.
Unfortunately, this is due to a known bug. However, the bug has been addressed and will be fixed in the next version of Juicebox-Pro (although I do not know when it will be released).
Additionally the expanded version appears alone on the screen - when only one galerie is present it appears as additional layer on the same site (as I want it)
I'm not sure what you mean by this. It sounds like you might be wanting the gallery to appear in a lightbox-style popup.
If so, then make sure that you use the lightbox script's correct 'rel' attribute in the link to your gallery.
One thing i could do is update my drupal version, from 7.14 to 7.22, so i will try that now!
OK. If upgrading Drupal does not help, hopefully the author of the plugin will be able to help further over at the Drupal support pages.
Thank you for the additional information.
I see the problem in your gallery when viewing your web page on an iPod Touch but I am unable to replicate the problem with a test gallery (resembling your gallery as closely as possible). It looks like a little trial and error might be required to find the cause of the problem.
Try viewing your gallery on a page of its own to see if the problem persists. If the gallery functions OK and you do not see the flashing hit area, then there may be something within your main web page's code which is causing the problem.
Try stripping back elements from your main web page one by one (and test each time) to see if you can find anything which might be causing the problem.
Unselected thumbnail dots take on the Nav Button Back Color (in the JuiceboxBuilder-Pro 'Customize -> Color' section).
However, this is not eliminating the drop shadow on my itouch, specifically in the image numbers below the images.
Setting the opacity of the textShadowColor to zero works for me. It removes the shadow from all text (including the image numbers) in both Large Screen Mode (in desktop browsers) and Small Screen Mode (on my iPod Touch).
Make sure that you are using the latest version of Juicebox-Pro (v1.3.1). Please see the Upgrading Juicebox page if necessary.
Also, try clearing your browser's cache before reloading your gallery to see if this makes a difference.
If you continue to experience difficulties, please post the URL of your gallery so that I can take a look.
Alternatively, you could search through the 'jbcore/classic/theme.css' file and remove all the lines which contain the term 'text-shadow' but this should not be necessary.
this works in IE perfectly well if I open it locally
But it does not display any of the symbols when I view it on the server.
This is what made me think the problem was occurring during upload.
If I download your font files and use them in a test gallery, the problem occurs so there seems to be a problem with the font files on your web server. However, as your font files function OK locally before you upload them (and also when I regenerate your font files using the IcoMoon App), this would suggest that the font files coming directly from IcoMoon are OK.
Try uploading using a different FTP program (such as Filezilla) and ensure that the method of transfer is binary. This works for me.
can you clarify where this parameter is set and exactly how to do it?
You can change the opacity of the textShadowColor (to zero) in the 'Customize -> Color' section of JuiceboxBuilder-Pro.
Otherwise, you can add an entry such as textShadowColor="rgba(0,0,0,0)" directly into your gallery's XML file (as an attribute to the opening <juiceboxgallery> tag).
Also, for some reason I have not been receiving email notices recently to postings I am subscribed to so I have to periodically check for a reply. I used to get these but in the last several weeks I don't get them. Any thoughts about this?
The forum email system seems to be working OK for myself. I have been getting email notifications daily.
Check that your email address is OK in the 'Profile -> Identity' section and check that your subscription settings are OK in the 'Profile -> Settings' section. Also, check your email account's junk/spam folder in case the emails have been redirected to there.
Posts found: 4,676 to 4,700 of 5,851