Removed enableAutoPlay="true" and that seemed to do the trick.
Prefer your timed method so thanks for your help.
Nick
Pages 1
You are not logged in. Please login or register.
Juicebox Support Forum → Posts by Jonesna
Pages 1
Removed enableAutoPlay="true" and that seemed to do the trick.
Prefer your timed method so thanks for your help.
Nick
If I understood your instructions correctly I made the changes and they piece still does not autoplay.
I removed autoPlayOnLoad="true" from the config file
I changed the transition type to imageTransitionType="CROSS_FADE" in the config file but the Gallery pieces do not autostart.
Here is the config file header
galleryTitlePosition="NONE"
maxThumbColumns="8"
enableDirectLinks="false"
captionPosition="OVERLAY_IMAGE"
imageScaleMode="FILL"
enableAutoPlay="true"
displayTime="13"
showAutoPlayStatus="false"
showSmallThumbsButton="false"
showOpenButton="false"
showExpandButton="false"
showThumbsButton="false"
useThumbDots="true"
galleryTitle="Stanley Martin Project Tours"
backgroundColor="rgba(255,255,255,1)"
imageTransitionTime="0.8"
shareFacebook="true"
shareTwitter="true"
sharePinterest="true"
shareTumblr="false"
shareGPlus="false"
shareUrl="http://www.stanleymartin.com/SMCWEB/ProjectDetail.asp?ProjectGroupID=CW&MetroAreaID=1000&"
imageTransitionType="CROSS_FADE"
enableLooping="true"
Is anything else required?
http://www.stanleymartin.com/NewLayout/ … _exam1.htm
Thanks for your help
Nick
Ran across another post having a similar issues and Steven supplied the following sample code as a work around.
<script>
var jb1 = new juicebox({
baseUrl: 'g1/',
showAutoPlayButton: 'TRUE',
containerId: 'juicebox-container-1',
galleryWidth: '400',
galleryHeight: '600',
backgroundColor: '#222222'
});
jb1.onInitComplete = function() {
window.setTimeout(function() {
jb1.toggleAutoPlay();
}, 200);
};
</script>
<div id="juicebox-container-1"></div>
<script>
var jb2 = new juicebox({
baseUrl: 'g2/',
showAutoPlayButton: 'TRUE',
containerId: 'juicebox-container-2',
galleryWidth: '400',
galleryHeight: '600',
backgroundColor: '#222222'
});
jb2.onInitComplete = function() {
window.setTimeout(function() {
jb2.toggleAutoPlay();
}, 400);
};
</script>
<div id="juicebox-container-2"></div>
<script>
var jb3 = new juicebox({
baseUrl: 'g3/',
showAutoPlayButton: 'TRUE',
containerId: 'juicebox-container-3',
galleryWidth: '400',
galleryHeight: '600',
backgroundColor: '#222222'
});
jb3.onInitComplete = function() {
window.setTimeout(function() {
jb3.toggleAutoPlay();
}, 800);
};
</script>
<div id="juicebox-container-3"></div>
Used this on the site but the component does not auto start. It does process normally after you manually start the gallery.
http://www.stanleymartin.com/NewLayout/ … _exam1.htm
Any thoughts on what I might be doing incorrectly.
Thanks
Nick
I have been testing your sample code for running multiple instances of the gallery component on a single screen. I pulled your sample code pointed to my galleries and it appears to work but when components are set to auto start they start fine but begin missing images as the components roll through. Ultimately I need to load between 4 -12 galleries on a single page. I have used the configUrl: not the baseURL: but I assume it is better to use baseURL: for multiple per your instructions.
Here is the sample code running on my server with my files. These files run on the site one per page without issue.
http://www.stanleymartin.com/NewLayout/ … s_exam.htm
Any recommendations would be appreciated.
Checking up on this to see if you received any feedback on possible work around regarding the issue with the Surface browser. The screen locking makes a website unusable with this device and looking through your blog I see you have tested it on the Surface Pro which is what I am using so perhaps there is a fix or trick to work around it.
Fully Windows 8 Compatible
Windows 8 touchscreen devices such as the Surface Pro are fast growing in popularity. These devices hold a special challenge for web gallery design since they handle keyboard, mouse and touchscreen input. The Juicebox UI has been tweaked to handle this in a graceful manner.
Hopefully you can escalate this so I can get this working. I do like your product but it needs to work on a Surface.
I tried it but no luck either. The image swipe works which must be what is mucking up the page portion. Hopefully they will have a solution. Will you update the issue when you hear back? Love the component but this will be a show stopper I have these surfaces deployed all over the place.
Thanks
Nick
Okay... I created a new bare bones test form and ran it through the validation and it passed. The content has the same issue on a Surface device and the page it locked except for the component.
http://responsive.stanleymartin.com/SMC … GroupID=BQ
The only way the page moves is to use the component and try to force the page up. Using the white space does nothing.
Let me know what you think might help.
Nick
I will make the edits you recommend but if I remove the Juicebox component everything runs normally and the page move as expected on my Surface so I do not believe this will remedy the issue.
I am having three issues with the Juicebox component the first is that it appears to reload / refresh in IE but not in any other browser when the page is first loaded.
The Second and biggest issues is that on Surface Tablets the screen is frozen unless the image component is used to move the page up. The normal screen appears locked so that the user cannot scroll down unless using a mouse.
Third the images when set to autostart load a new page var values into the browser so when you select the browser back button you need to back through all images that were loaded.
Here is a test page that illustrated all the issues above.
http://responsive.stanleymartin.com/SMC … oupID=BQ#2
Multiple bone head mistakes including adding the wrong variable and putting in the wrong name for the xml file.
I am not certain what my purchase transaction ID is but have included the invoice I requested after purchasing your product. Just started using it today and love it. It is working perfectly and the customization options are excellent. I review the support site but was not able to locate a solution that fit my particular issue. I imagine it is fairly simple but it I do not seem to be able to figure it out.
I have a home builder site built in ASP. I show image galleries of all the individual Project, Products etc. on the detail pages of the site. The Project page remains constant and the content is replaced from the data collected from my database using Microsoft SQL Server. I use url variables to define the ProductID etc. that needs to load. I need to map to a unique config.xml file with the images defined by passing the site the URL value necessary to identify the correct Product. It does not seem to pass the value so it is unable to locate the xml. Here is the code I used for the EMBED and a link to the test site content.
http://www.stanleymartin.com/RESPONSIVE … ectionID=2
<!--START JUICEBOX EMBED-->
<script src="jbcore/juicebox.js"></script>
<script>
new juicebox({
configUrl: "/{PrmSubSectionName_SubSectionID}/custom.xml",
containerId: 'juicebox-container',
galleryWidth: '100%',
galleryHeight: '60%',
backgroundColor: 'rgba(255,255,255,1)'
});
</script>
<div id="juicebox-container">
<!-- Image gallery content for non-javascript devices -->
<noscript>
<h1>Stanley Martin Product Tours</h1>
<p></p>
<p><img src="images/Creighton Farm_02.jpg" title="Creighton Farm_02" alt="" width="1024" height="683" /><br>Creighton Farm_02 </p>
<p><img src="images/banner.jpg" title="banner" alt="" width="1024" height="683" /><br>banner </p>
<p><img src="images/Powells Landing_25.jpg" title="Powells Landing_25" alt="" width="983" height="768" /><br>Powells Landing_25 </p>
<p><img src="images/Winmore Ashland Exterior - Copy.jpg" title="Winmore Ashland Exterior - Copy" alt="" width="1024" height="681" /><br>Winmore Ashland Exterior - Copy </p>
</noscript>
</div>
<!--END JUICEBOX EMBED-->
Hope you can point me in the right direction.
Pages 1
Juicebox Support Forum → Posts by Jonesna
Powered by PunBB, supported by Informer Technologies, Inc.