You are not logged in. Please login or register.
SimpleViewer Forum → SimpleViewer v1 → Newbie quesion? I dont understand a step for Embedding
Can someone please clarify what his step is referring to, and please outline what I need to do. Thank you
Copy the entire contents of your SimpleViewer gallery folder into the folder that contains your HTML page.
Copy the entire contents of your SimpleViewer gallery folder into the folder that contains your HTML page (including the swfobject.js file and sub-folders).
This step is Step 2 of the 'Embedding SimpleViewer v1.9 in an HTML Page' instructions which can be found here:
http://simpleviewer.net/simpleviewer/su … /embedded/
The entire contents of a standard SimpleViewer gallery folder (nothing renamed) consist of:
index.html (HTML file into which gallery is embedded)
gallery.xml (XML file detailing gallery settings and images to be displayed)
swfobject.js (JavaScript file used for embedding the swf file)
viewer.swf (Flash viewer file)
thumbs (folder containing thumbnail images)
images (folder containing main images)
All these items should be placed alongside (ie in the same folder as) the HTML page into which you intend to embed the gallery. (In the standard gallery folder, the HTML page into which the gallery is embedded is index.html. If you intend to embed the gallery into a different HTML page, then there is no need to copy the file index.html.)
Hi, I have another question here, for the contents of the folder, I have everything except the swfobject.js.
The contents of the folder I have:
images subfolder
thumbnail subfolder
index.html
readme. html
simpleviewer.swf
Another question is: after I uploaded all the contents of the folder to ftp server, I can view the gallery in a browser with the address start with "ftp://", but how could I embed this to a blog to share the gallery?? (Sorry for a silly question, am a new-newbie to this field).
Whether or not your gallery needs the 'swfobject.js' file depends on your method of embedding the SWF file in your page.
If you have already uploaded a gallery and can view it in a browser by opening the gallery's HTML index page via a URL such as http://www.example.com/gallery/index.html then perhaps the easiest way to include this gallery in a blog entry would be to use an <iframe>. The code you would add to your blog entry would look something like:
<iframe src="http://www.example.com/gallery/index.html" width="800" height="600" frameborder="0" scrolling="no"></iframe>Hi Steven,
The URL allows me to view is ==> ftp://XXX.XXX.X.XXX/myfoldername/index.html
When I add the URL into <iframe> code, it doesn't work.
FTP is for file transfer only. You should be using HTTP for viewing a web page, ie:
http://XXX.XXX.X.XXX/myfoldername/index.html
I get what you mean now, so, what procedures should I take to make it to be viewed in HTTP web page?
All I know about is, generate the simpleviewer photo gallery, then upload those contents to ftp server. After uploading it, I lost my way, and have no idea how to make it to be viewed in HTTP web page.
After uploading the gallery, you can view it by typing (or copying and pasting) the URL for the gallery's HTML index page into the browser's address bar, eg. http://XXX.XXX.X.XXX/myfoldername/index.html
If embedding the gallery into another web page alongside other content by using an <iframe>, then the code you'd insert into the existing page would be:
<iframe src="http://XXX.XXX.X.XXX/myfoldername/index.html" width="800" height="600" frameborder="0" scrolling="no"></iframe>ftp://XXX.XXX.X.XXX/myfoldername/index.html, I change it to http://XXX.XXX.X.XXX/myfoldername/index.html, the gallery won't show in the browser.
or
do you mean, after uploading the contents, then open the index.html file that has been uploaded to ftp? If so, the gallery won't show as well.
Please post a URL to the gallery so that we can take a look.
There are a multitude of possible reasons for a gallery to not be displayed.
Seeing the gallery, we should be able to pinpoint the reason and suggest a solution.
In the meantime, perhaps one of the FAQs might sound familiar to your scenario and help: http://simpleviewer.net/simpleviewer/su … 9/faq.html
ftp://192.168.2.102/Photoshop%20test/
ftp://192.168.2.102/Photoshop%20test/index.html <---- I can't view this anymore, but I did yesterday
the script from index.html :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>SimpleViewer Gallery</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
<script type="text/javascript">
var flashvars = {};
flashvars.galleryURL = "gallery.xml";
//flashvars.firstImageIndex = "0";
//flashvars.preloaderColor = "#FFFFFF";
var params = {};
params.allowfullscreen = true;
params.allowscriptaccess = "always";
params.bgcolor = "000";
swfobject.embedSWF("simpleviewer.swf", "flashContent", "100%", "100%", "9.0.124", false, flashvars, params);
</script>
<style type="text/css" media="screen">
html, body { height:100%; }
body {
margin:0;
padding:0;
overflow:auto;
background-color: #000;
color:#666;
font-family:sans-serif;
font-size:20px;
}
a {
color:#ff0000;
}
</style>
</head><body><div id="flashContent">SimpleViewer requires JavaScript and the Flash Player. <a href="http://www.adobe.com/go/getflashplayer/">Get Flash.</a>.</div></body>
</html>
That is not a publicly-accessible URL.
192.168.2.102 is the IP address assigned by your router for your own computer.
Have you uploaded the gallery to a web host?
If so, you will have a domain name (either one that you have purchased or, perhaps, a subdomain of your host, eg. yourname.yourhost.com).
This will form the first part of the gallery's URL.
If you have uploaded your gallery folder (in this example named 'galleryfolder') to the root of your web space (perhaps into a folder on the web server named 'public_html' where all your uploads should go) then the gallery folder's name will form the next part of the address.
The 'index.html' file finishes off the URL to give something like: http://yourname.yourhost.com/galleryfolder/index.html
ok, I've uploaded them to a web host now. The web host is able to generate embedded code, below is the result when I paste the embedded code in my post:
http://quentina-chan.tumblr.com/post/53 … to-gallery
The first one is the index.html file with embedded code:
<embed src="http://www.box.net/embed/hh36nl11bt2788g.swf" width="466" height="400" wmode="opaque" type="application/x-shockwave-flash" allowFullScreen="true" allowScriptAccess="always">
The second one is the .swf file with embedded code:
<embed src="http://www.box.net/embed/x83pxko93e2vlbz.swf" width="466" height="400" wmode="opaque" type="application/x-shockwave-flash" allowFullScreen="true" allowScriptAccess="always">
You cannot use 'box.net' as a host for web page files.
It is a file storage service which serves up all files uploaded there to browsers as downloads.
If you do not have any regular web space, then I believe you may be able to use Dropbox to store your files and include them in web pages.
However, there are many hosts which provide free regular web space that would be suitable to host a SimpleViewer gallery (do a web search for 'free web hosts').
Free accounts generally have limitations which may be lifted when purchasing a premium account but a free account should be enough to get you started.
Thanks, Steven :D I got my photo gallery now!
SimpleViewer Forum → SimpleViewer v1 → Newbie quesion? I dont understand a step for Embedding
Powered by PunBB, supported by Informer Technologies, Inc.
Currently installed 5 official extensions. Copyright © 2003–2009 PunBB.