How do I add simpleviewer pro code to my site from SVBuilder?

  • 3
  • Question
  • Updated 8 years ago
  • Answered
How do I paste html code generated by svBuilder (simple viewer pro) onto my site?
Part of the html needs to go into the head, the other into the body of the page. Yet, when I do this, my page is empty.
Do I need to upgrade to Yola silver so that I can upload swf files, or is it possible to use the html widget instead?
Photo of lainejustice

lainejustice

  • 1 Post
  • 0 Reply Likes

Posted 8 years ago

  • 3
Photo of seaofsuddens

seaofsuddens

  • 8 Posts
  • 0 Reply Likes
this is the code that I am given to paste into the site, yet when I paste it in my slide show does not appear-its just blank.
Do I need to upload the swf file to my documents, and if so, once its there, do I need to somehow link it to this code?
Im very confused! Thank you-
SimpleViewerBuilder also provides a more complex embed code that requires java script-this code too shows up blank, although instructions for it say that one portion needs to be in the header, and one in the body. I tried pasting them into the same html widget and then into separate widgets-yet both ways also left page blank.
Photo of seaofsuddens

seaofsuddens

  • 8 Posts
  • 0 Reply Likes
<!--<object width="100%" height="100%"><param name="movie" value="simpleviewer.swf"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><param name="bgcolor" value="FFFFFF"></param><embed src="simpleviewer.swf" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="100%" height="100%" bgcolor="FFFFFF"></embed></object>-->

‚Äč
Photo of Laura Thomas

Laura Thomas, Social Media Coordinator

  • 4536 Posts
  • 211 Reply Likes
Hi lainejustice,

Unfortunately you don't have access to the head section of your site. What does work for some people is to add the head section of code in one HTML Widget and the body section of the code into another HTML widget.

Here are steps to using the HTML Widget:

1. Drag-and-drop an HTML Widget from the Sidebar on the right onto your page (the icon for this is a blue sphere).
2. An HTML editor will open up that will allow you to write or paste your code (use right-click > paste or ctrl-V to paste).
3. When you are done, click "OK" and you will see the way that the HTML displays on your page.

Hopefully this will suit your needs!
Photo of seaofsuddens

seaofsuddens

  • 8 Posts
  • 0 Reply Likes
Laura-
unfortunately, I did add the head section into one html widget, and the body into another. I tried putting them in the same widget. I also tried adding the basic code, as well as the java code. None of these options produced anything other than a blank page.

this is the java code:
<!-- SIMPLEVIEWER HEAD. Paste this into the head of the HTML page-->
<!-- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/...>
<script type="text/javascript">
var flashvars = {};
flashvars.galleryURL = "gallery.xml";
var params = {};
params.bgcolor = "FFFFFF";
params.allowfullscreen = true;
params.allowscriptaccess = "always";
swfobject.embedSWF("simpleviewer.swf", "flashContent", "100%", "100%", "9.0.124", false, flashvars, params);</script>-->

<!-- SIMPLEVIEWER BODY. Paste this into the body of the HTML page where you want to the gallery to appear -->
<!-- <div id="flashContent">SimpleViewer requires JavaScript and the Flash Player. <a href="http://www.adobe.com/go/getflashplaye... Flash.</a></div>-->

this is the simple code:

<!-- SIMPLEVIEWER BASIC EMBED. Paste this into the body of the HTML page where you want the gallery to appear-->
<!--<object width="100%" height="100%"><param name="movie" value="simpleviewer.swf"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><param name="bgcolor" value="FFFFFF"></param><embed src="simpleviewer.swf" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="100%" height="100%" bgcolor="FFFFFF"></embed></object-->

None of those options, allowed me to put my slideshow in the html widget and have it work. However, I was able to find a yola forum
http://forum.yola.com/yola/topics/xml... in which someone was trying to add a file like mine, and when I added this code:
<!--<object width="842" height="428">
<param name="movie"value="resources/index.html">
<embed src="resources/index.html"width="842"height="428"/> </object>-->
and this code
<!-- <param name="play" value="false" />-->

and not the codes from svBuilder, and uploaded my html file to the file manager, my slide show opened (with all of the wrong colors) and no pictures, just ex's where the images where supposed to be.

I have upgraded my yola account so that I can add these files if necessary.
I was using the desktop application Jalbum and the Simple Viewer Skin-However, this did not work that well as I prefer the options in Simple Viewer Pro-which I purchsed-and have been using the svBuilder Application.

Please help-I have no idea why this code is not working. Is it possible that I am not uploading all of the necessary files? I haven't really been able to find a straight answer, on any forum, as to how and if Simple Viewer pro, which uses javascript and flash, will work on Yola.

The slideshow is saved on my computer with a gallery.xml file, and images folder, an index.html, a readme.html, a simpleviewer.swf file, and a thumbs folder. Do I need to upload all of these files to the file manager and then somehow link them to the html, perhaps?

I have no experience with html or code-part of the reason why I built my site through yola and wanted to use the svBuilder app or Jalbum.
Thank you-Laine