• Registered: 2011-11-04
  • Posts: 5

Topic: Embedding into a HTML Page

Hi,
I have not understood the basics here, the progamme is about ticking boxes and getting super results BUT I fail on simple code placing... It would be great if someone could help..

I am using svBuilder pro version 2.20 with NEW Adobe AI R
To embed your gallery in an existing HTML page follow these instructions

1.Use svBuilder to create your SimpleViewer gallery.
2.Copy the entire contents of your SimpleViewer gallery folder into the folder that contains your HTML page.
3.In svBuilder, go to the Publish panel and copy the provided Embed Code. The embed code will look something like this:

<!--START SIMPLEVIEWER EMBED.-->
<script type="text/javascript" src="svcore/js/simpleviewer.js"></script>
<script type="text/javascript">
simpleviewer.ready(function () {
simpleviewer.load("sv-container", "100%", "100%", "222222", true);
});
</script>
<div id="sv-container"></div>
<!-- END SIMPLEVIEWER EMBED -->

4.Paste the provided code into the body of the HTML page where you want to the gallery to appear.
5.Load the HTML page in a browser to preview your gallery.


BUT HOW DOES IT KNOW exactly where my gallery is on my site.. I seem to be missing somthing..what goes on between point 4 and point 5.....where Do I do what?

At the moment I use this:

[pageview url="http://www.MYNAME/wp-content/gallery/SV_GALLERY_TESTING/index.html" width="960" height="960"]

that shows up  on the the screen but not on the iphone (3g), have tried option enable AI on / off without success.
IF anyone would help that would be fantastic.



rwarren

  • Registered: 2008-07-06
  • Posts: 6,334

Re: Embedding into a HTML Page

If using PageView within WordPress to embed your gallery in an <iframe>, then:
(1) Upload your entire gallery folder as created by svBuilder-Pro (not just the contents) to your web server.
(2) Use your PageView shortcode with the 'url' pointing towards the 'index.html' page within the gallery folder.

Steven Speirs
SimpleViewer Support Team
  • Registered: 2011-11-04
  • Posts: 5

Re: Embedding into a HTML Page

Thankyou Steven,
But I still do not get it!
1-I designed the Site on my desktop!(mac)
2-Save it there.
3-Upload entire folder using the ftp  programe (cyberduck)
4-open new page in wordpress admin.
5.-after naming it and puting my text in it, i want the gallery there too.
6.-paste the html code proved by svbuilder pro on the clipboard. In the wp area.
7.-I then copy from my server the index.html from the uploaded folder.

8.-What do i do now ???

so that the site is in all places( iphone/desktop/etc) visable?
There is something i need very very clear instructions!
Thanks in advance!
rwarren

  • Registered: 2008-07-06
  • Posts: 6,334

Re: Embedding into a HTML Page

You do not need to use the embedding code provided by svBuilder-Pro if embedding the gallery using an <iframe> (which is what the PageView plugin you are using does).
Complete steps 1 - 5 of your own instructions and then, in the body of the post (alongside whatever text you entered in step 5), enter the following:

[pageview url="http://www.example.com/gallery_folder/index.html" width="960" height="960"]

... changing the path to the gallery's 'index.html' file and the width and height as necessary.
There is no need to do steps 6 and 7 of your own instructions.

Steven Speirs
SimpleViewer Support Team
  • Registered: 2011-11-04
  • Posts: 5

Re: Embedding into a HTML Page

Thankyou Steven,
especially as it is a Weekend in most parts of the (reaal) world!

I have now got this like this, and it seems to work on the iPhone too.

1-I designed the Site on my desktop!(mac)
2-Save it there.
3-Upload entire folder using the ftp  programe (cyberduck)
4-open new page in wordpress admin.
5.-after naming it and puting my text in it, i want the gallery there too.
6.-paste the html code proved by svbuilder pro on the clipboard. In the wordpress area.
7.-I then copy from my server the index.html from the uploaded folder.

which is this fictive example:-

http://www.MYHOMEPAGE.com/wp-content/SV … index.html


8. Paste it into the second line just after
src="----/svcore/js/simpleviewer.js" and remove the www. from the link so it looks like this:-

<!--START SIMPLEVIEWER EMBED.-->
<script type="text/javascript" src="http://MYHOMEPAGE.com/wp-content/SV_GALLERY_NAME/svcore/js/simpleviewer.js"></script>
<script type="text/javascript">
simpleviewer.ready(function () {
simpleviewer.load("sv-container", "100%", "100%", "FFFFFF", true);
});
</script>
<div id="sv-container"></div>
<!-- END SIMPLEVIEWER EMBED -->

9.- Next insert the code , above the words
simple viewer.ready

var flashvars = {};
flashvars.baseURL ="";

and and put http://MYHOMEPAGE.com/wp-content/SV_GALLERY_NAME/ in there, as seen here

var flashvars = {};
flashvars.baseURL = "http://MYHOMEPAGE.com/wp-content/SV_GALLERY_NAME/";

10.-Change sv- container sizes and colour if necessary, a trial and error process! in the end the entire code look like this, which works  (at the moment)

<!--START SIMPLEVIEWER EMBED.-->
<script type="text/javascript" src="http://MYHOMEPAGE.com/wp-content/SV_GALLERY_NAME/svcore/js/simpleviewer.js"></script>
<script type="text/javascript">
var flashvars = {};
flashvars.baseURL = "http://MYHOMEPAGE.com/wp-content/SV_GALLERY_NAME/";
simpleviewer.ready(function () {
simpleviewer.load('sv-container', '100%', '760', 'transparent', true, flashvars);
});
</script>
<div id="sv-container"></div>
<!-- END SIMPLEVIEWER EMBED -->

I have written this down,
a) for me as a dokumentaion for latter when I forget, and
b) also for you to read and perhaps check so others like me may be helped
Thanks again..
rwarren

  • Registered: 2008-07-06
  • Posts: 6,334

Re: Embedding into a HTML Page

The baseURL method of embedding is documented here: http://simpleviewer.net/simpleviewer/su … l#external
However, as you were initially using PageView, my instructions for you were based around this.
I am glad you have resolved your problem and that your gallery is now being displayed correctly.

Steven Speirs
SimpleViewer Support Team
  • Registered: 2011-11-04
  • Posts: 5

Re: Embedding into a HTML Page

Yes Seteven,
That is true,!hopefully no hard feelings, thankyou all the same for being there!
rwarren

  • Registered: 2008-07-06
  • Posts: 6,334

Re: Embedding into a HTML Page

hopefully no hard feelings

Not at all! I am glad that you have got your gallery working and very grateful that you took the time to document how you achieved it in order to share it with others.

Steven Speirs
SimpleViewer Support Team