You are not logged in. Please login or register.
SimpleViewer Forum » SimpleViewer-Pro v2 » Problem embedding gallery in html file through Dreamweaver
Just upgraded to the newest SimpleViewer Pro software today. Created a gallery to replace one that was in Flash.
Page with old Flash slideshow:
http://qdesignarchitecture.com/
Page with new Simpleviewer Pro slideshow:
http://qdesignarchitecture.com/index_feb2013.html
For some reason, the Simpleviewer Pro slideshow is not appearing on its page.
Any suggestions? Thank you for any help!!
Your http://qdesignarchitecture.com/index_feb2013.html web page uses the following code:
<script type="text/javascript" src="svcore/js/simpleviewer.js"></script>... so your gallery's 'simpleviewer.js' file should be located at http://qdesignarchitecture.com/svcore/j … eviewer.js but it is not.
If you copy the contents of your gallery folder into the root of your web space alongside the HTML page into which your gallery is embedded (following the instructions here), your gallery should display OK.
For reference, there is a note for Dreamweaver users here.
Steven ~
Wow - wasn't expecting a reply to soon on a weekenc - thank you so much!!
Looks like my problem is the pathway to where I have saved the gallery files.
I have a galleries folder, and then a subfolder for the homepage gallery entitled homepage.
So the file path looks like this:
site>galleries>homepage>
Within the homepage folder are the images, svcore, & thumbs folders for the gallery, as well as gallery.xml and index.html
The file path to my page that includes the gallery looks like this: site>index_feb2013.html
Is there a way to edit the code in my index_feb2013.html file so that the gallery folder can be discovered? On another site in the past, I used iframes to do this because that site had multiple Simpleviewer slideshows. But I noticed that for the best mobile functionality, this method is not recommended.
I expect this site to grow to include additional sideshows, so it seems to make sense to have a galleries folder to hold them....
Is there a way to edit the code in my index_feb2013.html file so that the gallery folder can be discovered?
Yes. You can upload your entire gallery folder (not just the contents) to anywhere on your web server (as long as you know where it is) and use the baseURL method of embedding as documented here.
To embed your 'homepage' gallery into your 'index_feb2013.html' page, the embedding code you would use would be:
<!--START SIMPLEVIEWER EMBED.-->
<script type="text/javascript" src="galleries/homepage/svcore/js/simpleviewer.js"></script>
<script type="text/javascript">
var flashvars={};
flashvars.baseURL="galleries/homepage/";
simpleviewer.ready(function () {
simpleviewer.load("sv-container", "100%", "100%", "transparent", false, flashvars);
});
</script>
<div id="sv-container"></div>
<!-- END SIMPLEVIEWER EMBED -->Thanks so much, Steven. It worked : )
However, I notice both on my iphone and on my laptop, that the gallery doesn't appear the way I see it in the Simpleviewer Pro preview. Uploaded, the images appear as thumbnails and not as a slideshow on both. If I click on a thumbnail, I can view the larger image, and forward/back buttons appear - but the slideshow doesn't run as I created it.
Any thoughts?
Here is the page again:
http://www.qdesignarchitecture.com/index_feb2013.html
The slideshow on the page above was created to look like the Flash slideshow (except I added forward/back & download buttons) on the original home page here:
http://www.qdesignarchitecture.com/
Thanks for your continued help troubleshooting :)
However, I notice both on my iphone and on my laptop, that the gallery doesn't appear the way I see it in the Simpleviewer Pro preview.
Please see the following FAQs:
When I view my gallery I see a grid of thumbnails, not the layout I specified. Why?
The mobile player layout does not match the Flash player layout. Why not?
Thanks, Steven.
I checked out both of the links you sent. I had not checked the Use Flash box when creating the slideshow, thinking that would be better for Universal Playback. Seems I should check it anyway and the mobile player will automatically kick in when needed. Makes sense.
Is it expected that the mobile player will render thumbnails instead of the slideshow when being accessed with an iPhone?
I will play with it more tonight. Thanks again.
Is it expected that the mobile player will render thumbnails instead of the slideshow when being accessed with an iPhone?
Yes, though you can make the Mobile Player skip the thumbnail page and initially display the first image in the gallery by setting mobileShowThumbs="FALSE" in your gallery's XML file.
If creating or editing your gallery with svBuilder-Pro, this configuration can be found in the 'Customize -> Mobile' section.
Other Mobile Play configuration options can be found here.
Thanks for the tip - appreciate it!
Thanks to your help, I've got it so close! The mobile gallery functionality is sweet!
Just a couple more questions.
1) The gallery I created opens up & displays beautifully upon saving, but when I upload it to the webpage, it looks like I am seeing the mobile version instead of Flash on my (PC) laptop. (i.e. the button bar is gone, slideshow feature is gone, and the back/forward navigation buttons appear). Suggestions?
2) The gallery is rendering with empty space above it, even though I sized the images to exactly match the original Flash slideshow parameters and there are no line breaks above the gallery.
Would appreciate any suggestions on the final tweaks : )
ORIGINAL PAGE with Flash Slideshow
http://www.qdesignarchitecture.com/
NEW PAGE with SimpleViewer Pro Slideshow
http://www.qdesignarchitecture.com/index_feb2013
1) The gallery I created opens up & displays beautifully upon saving, but when I upload it to the webpage, it looks like I am seeing the mobile version instead of Flash on my (PC) laptop. (i.e. the button bar is gone, slideshow feature is gone, and the back/forward navigation buttons appear). Suggestions?
The useFlash Embed Code Parameter in your http://www.qdesignarchitecture.com/index_feb2013 gallery is set to 'false' (which will force the gallery to be displayed by the Mobile Player on all devices and in all browsers regardless of whether or not Adobe Flash Player is available).
Change:
simpleviewer.load("sv-container", "100%", "100%", "transparent", false, flashvars);... to:
simpleviewer.load("sv-container", "100%", "100%", "transparent", true, flashvars);If creating or editing your gallery with svBuilder-Pro, ensure that the 'Use Flash' checkbox is selected in the 'Customize -> Embed Options' section.
2) The gallery is rendering with empty space above it, even though I sized the images to exactly match the original Flash slideshow parameters and there are no line breaks above the gallery.
Please see the Layout Troubleshooting section of the SimpleViewer-Pro Layout Guide which deals with the question:
I have extra spacing in my gallery. How do I get rid of it?
Steven ~
Just wanted to thank you for you help last week. Got the page up, and the slideshow positioned how I wanted it. Thanks again!
You're welcome.
I'm glad you have got your gallery up and running as you want it.
Powered by PunBB, supported by Informer Technologies, Inc.
Currently installed 5 official extensions. Copyright © 2003–2009 PunBB.
[ Generated in 0.064 seconds, 8 queries executed ]