• Registered: 2009-12-08
  • Posts: 5

Topic: Embedding in html NOT working! HELP!!

I got simpleviewer to work great as an individual page, I'm trying to embed it into a pre-existing page by inserting the html from the site into a div. When I preview the page, I get a "You must have javascript and flash" to view this page message... I have javascript and flash and don't get this message when I view simpleviewer as an individual page... Help please!!!!!!!!!  :(

-Whitney

  • Registered: 2009-12-08
  • Posts: 5

Re: Embedding in html NOT working! HELP!!

Here is my html from dreamweaver.......

<div id="main"><script type="text/javascript" src="gallery/swfobject.js"></script>
<div id="flashcontent">SimpleViewer requires JavaScript and the Flash Player.
<a href="http://www.macromedia.com/go/getflashplayer/">Get Flash.</a></div>
<script type="text/javascript">
var fo = new SWFObject("SimpleViewer/viewer.swf", "viewer", "640", "295", "8", "#FFF");
fo.addVariable("xmlDataPath", "SimpleViewer/gallery.xml");
fo.write("flashcontent");   
</script></div>


and here's my xml file...


<?xml version="1.0" encoding="UTF-8"?>

<simpleviewergallery
   
    galleryStyle="MODERN"
    title="Whitney Nicole Photography"
    textColor="FFFFFF"
    frameColor="FFFFFF"
    frameWidth="5"
    thumbPosition="RIGHT"
    thumbColumns="3"
    thumbRows="4"
    showOpenButton="false"
    showFullscreenButton="TRUE"   
    maxImageWidth="640"
    maxImageHeight="640"
    useFlickr="false"
    flickrUserName=""
    flickrTags=""
    languageCode="AUTO"
    languageList=""       
    imagePath="images/"
    thumbPath="thumbs/"
   
>

<image imageURL="images/wnp_gallery01.jpg" thumbURL="thumbs/wnp_gallery01.jpg" linkURL="" linkTarget="" >
    <caption></caption>   
</image>
<image imageURL="images/wnp_gallery02.jpg" thumbURL="thumbs/wnp_gallery02.jpg" linkURL="" linkTarget="" >
    <caption></caption>   
</image>
<image imageURL="images/wnp_gallery03.jpg" thumbURL="thumbs/wnp_gallery03.jpg" linkURL="" linkTarget="" >
    <caption></caption>   
</image>
<image imageURL="images/wnp_gallery04.jpg" thumbURL="thumbs/wnp_gallery04.jpg" linkURL="" linkTarget="" >
    <caption></caption>   
</image>
<image imageURL="images/wnp_gallery05.jpg" thumbURL="thumbs/wnp_gallery05.jpg" linkURL="" linkTarget="" >
    <caption></caption>   
</image>
<image imageURL="images/wnp_gallery06.jpg" thumbURL="thumbs/wnp_gallery06.jpg" linkURL="" linkTarget="" >
    <caption></caption>   
</image>
<image imageURL="images/wnp_gallery07.jpg" thumbURL="thumbs/wnp_gallery07.jpg" linkURL="" linkTarget="" >
    <caption></caption>   
</image>
<image imageURL="images/wnp_gallery08.jpg" thumbURL="thumbs/wnp_gallery08.jpg" linkURL="" linkTarget="" >
    <caption></caption>   
</image>
<image imageURL="images/wnp_gallery09.jpg" thumbURL="thumbs/wnp_gallery09.jpg" linkURL="" linkTarget="" >
    <caption></caption>   
</image>
<image imageURL="images/wnp_gallery10.jpg" thumbURL="thumbs/wnp_gallery10.jpg" linkURL="" linkTarget="" >
    <caption></caption>   
</image>
<image imageURL="images/wnp_gallery11.jpg" thumbURL="thumbs/wnp_gallery11.jpg" linkURL="" linkTarget="" >
    <caption></caption>   
</image>
<image imageURL="images/wnp_gallery12.jpg" thumbURL="thumbs/wnp_gallery12.jpg" linkURL="" linkTarget="" >
    <caption></caption>   
</image>
<image imageURL="images/wnp_gallery13.jpg" thumbURL="thumbs/wnp_gallery13.jpg" linkURL="" linkTarget="" >
    <caption></caption>   
</image>
<image imageURL="images/wnp_gallery14.jpg" thumbURL="thumbs/wnp_gallery14.jpg" linkURL="" linkTarget="" >
    <caption></caption>   
</image>
<image imageURL="images/wnp_gallery15.jpg" thumbURL="thumbs/wnp_gallery15.jpg" linkURL="" linkTarget="" >
    <caption></caption>   
</image>
<image imageURL="images/wnp_gallery16.jpg" thumbURL="thumbs/wnp_gallery16.jpg" linkURL="" linkTarget="" >
    <caption></caption>   
</image>
<image imageURL="images/wnp_gallery17.jpg" thumbURL="thumbs/wnp_gallery17.jpg" linkURL="" linkTarget="" >
    <caption></caption>   
</image>
<image imageURL="images/wnp_gallery18.jpg" thumbURL="thumbs/wnp_gallery18.jpg" linkURL="" linkTarget="" >
    <caption></caption>   
</image>
<image imageURL="images/wnp_gallery19.jpg" thumbURL="thumbs/wnp_gallery19.jpg" linkURL="" linkTarget="" >
    <caption></caption>   
</image>
<image imageURL="images/wnp_gallery20.jpg" thumbURL="thumbs/wnp_gallery20.jpg" linkURL="" linkTarget="" >
    <caption></caption>   
</image>
<image imageURL="images/wnp_gallery21.jpg" thumbURL="thumbs/wnp_gallery21.jpg" linkURL="" linkTarget="" >
    <caption></caption>   
</image>
<image imageURL="images/wnp_gallery22.jpg" thumbURL="thumbs/wnp_gallery22.jpg" linkURL="" linkTarget="" >
    <caption></caption>   
</image>
<image imageURL="images/wnp_gallery23.jpg" thumbURL="thumbs/wnp_gallery23.jpg" linkURL="" linkTarget="" >
    <caption></caption>   
</image>
<image imageURL="images/wnp_gallery24.jpg" thumbURL="thumbs/wnp_gallery24.jpg" linkURL="" linkTarget="" >
    <caption></caption>
</image>
</simpleviewergallery>



I put the whole folder containing simpleviewer (named it gallery) and all it's contents into my root folder... Is that where it goes??? I am so confused!!!!!!! Thanks!

3 Reply by arachnid (edited by arachnid 2009-12-08 08:18:55)

  • Registered: 2009-09-24
  • Posts: 95

Re: Embedding in html NOT working! HELP!!

whitneyn05 wrote:

Here is my html from dreamweaver.......

<div id="main"><script type="text/javascript" src="gallery/swfobject.js"></script>
<div id="flashcontent">SimpleViewer requires JavaScript and the Flash Player.
<a href="http://www.macromedia.com/go/getflashplayer/">Get Flash.</a></div>
<script type="text/javascript">
var fo = new SWFObject("SimpleViewer/viewer.swf", "viewer", "640", "295", "8", "#FFF");
fo.addVariable("xmlDataPath", "SimpleViewer/gallery.xml");
fo.write("flashcontent");   
</script></div>


I put the whole folder containing simpleviewer (named it gallery) and all it's contents into my root folder... Is that where it goes??? I am so confused!!!!!!! Thanks!


Your java script is not changed to pro 2.0, you are still using the flash of pro 1.9

  • Registered: 2009-12-08
  • Posts: 5

Re: Embedding in html NOT working! HELP!!

How do I fix that???

  • Felix
  • Site Admin
  • Offline
  • Registered: 2006-03-16
  • Posts: 4,395

Re: Embedding in html NOT working! HELP!!

To embed SimpleViewer in an existing HTML page check here: http://www.simpleviewer.net/simpleviewe … dding.html

Felix Turner
SimpleViewer Support Team.

Felix's Website

  • Registered: 2009-12-08
  • Posts: 5

Re: Embedding in html NOT working! HELP!!

Ok... I got simpleviewer to work in my html. The whole site worked fine before I put it on the server. Now that it's on the server, everything shows up as x's.... Any idea what's going on?

Here's my site... www.osuitmultimedia.com/whitneyward   the gallery page is where I have simpleviewer.

Here's my html for my gallery page...

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Gallery</title>
<link href="Whitney_Site.css" rel="stylesheet" type="text/css" />
<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/gallery.xml";
var params = {};
params.bgcolor = "000000";
params.allowfullscreen = true;
params.allowscriptaccess = "always";
swfobject.embedSWF("gallery/simpleviewer.swf", "flashContent", "760", "470", "9.0.124", false, flashvars, params);
</script>   
</head>

<body>
<div id="wrapper">
  <div id="logo">   <img src="_images/_logo_small.jpg" width="319" height="99" alt="Whitney Nicole Photography" /><a href="index2.html">home</a> | <a href="http://www.whitneynicolephotography.blogspot.com" target="_blank">blog</a> | <a href="gallery.html">gallery</a> | <a href="about.html">about</a> | <a href="contact.html">contact</a></div>
<div id="main"><div id="flashContent">SimpleViewer requires JavaScript and the Flash Player.
<a href="http://www.adobe.com/go/getflashplayer/">Get Flash.</a></div>    </div>
  <div id="footer">All Images Copyright Whitney Nicole Photography 2009</div>
</div>
</body>
</html>

here's my xml for simpleviewer...

<?xml version="1.0" encoding="UTF-8"?>

<simpleviewergallery
   
    galleryStyle="MODERN"
    title=""
    textColor="FFFFFF"
    frameColor="FFFFFF"
    frameWidth="5"
    thumbPosition="RIGHT"
    thumbColumns="3"
    thumbRows="4"
    showOpenButton="false"
    showFullscreenButton="TRUE"   
    maxImageWidth="640"
    maxImageHeight="640"
    useFlickr="false"
    flickrUserName=""
    flickrTags=""
    languageCode="AUTO"
    languageList=""       
    imagePath="gallery/Images/"
    thumbPath="gallery/thumbs/"
   
>

<image imageURL="gallery/images/wnp_gallery01.jpg" thumbURL="gallery/thumbs/wnp_gallery01.jpg" linkURL="" linkTarget="" >
    <caption></caption>   
</image>
<image imageURL="gallery/images/wnp_gallery02.jpg" thumbURL="gallery/thumbs/wnp_gallery02.jpg" linkURL="" linkTarget="" >
    <caption></caption>   
</image>
<image imageURL="gallery/images/wnp_gallery03.jpg" thumbURL="gallery/thumbs/wnp_gallery03.jpg" linkURL="" linkTarget="" >
    <caption></caption>   
</image>
<image imageURL="gallery/images/wnp_gallery04.jpg" thumbURL="gallery/thumbs/wnp_gallery04.jpg" linkURL="" linkTarget="" >
    <caption></caption>   
</image>
<image imageURL="gallery/images/wnp_gallery05.jpg" thumbURL="gallery/thumbs/wnp_gallery05.jpg" linkURL="" linkTarget="" >
    <caption></caption>   
</image>
<image imageURL="gallery/images/wnp_gallery06.jpg" thumbURL="gallery/thumbs/wnp_gallery06.jpg" linkURL="" linkTarget="" >
    <caption></caption>   
</image>
<image imageURL="gallery/images/wnp_gallery07.jpg" thumbURL="gallery/thumbs/wnp_gallery07.jpg" linkURL="" linkTarget="" >
    <caption></caption>   
</image>
<image imageURL="gallery/images/wnp_gallery08.jpg" thumbURL="gallery/thumbs/wnp_gallery08.jpg" linkURL="" linkTarget="" >
    <caption></caption>   
</image>
<image imageURL="gallery/images/wnp_gallery09.jpg" thumbURL="gallery/thumbs/wnp_gallery09.jpg" linkURL="" linkTarget="" >
    <caption></caption>   
</image>
<image imageURL="gallery/images/wnp_gallery10.jpg" thumbURL="gallery/thumbs/wnp_gallery10.jpg" linkURL="" linkTarget="" >
    <caption></caption>   
</image>
<image imageURL="gallery/images/wnp_gallery11.jpg" thumbURL="gallery/thumbs/wnp_gallery11.jpg" linkURL="" linkTarget="" >
    <caption></caption>   
</image>
<image imageURL="gallery/images/wnp_gallery12.jpg" thumbURL="gallery/thumbs/wnp_gallery12.jpg" linkURL="" linkTarget="" >
    <caption></caption>   
</image>
<image imageURL="gallery/images/wnp_gallery13.jpg" thumbURL="gallery/thumbs/wnp_gallery13.jpg" linkURL="" linkTarget="" >
    <caption></caption>   
</image>
<image imageURL="gallery/images/wnp_gallery14.jpg" thumbURL="gallery/thumbs/wnp_gallery14.jpg" linkURL="" linkTarget="" >
    <caption></caption>   
</image>
<image imageURL="gallery/images/wnp_gallery15.jpg" thumbURL="gallery/thumbs/wnp_gallery15.jpg" linkURL="" linkTarget="" >
    <caption></caption>   
</image>
<image imageURL="gallery/images/wnp_gallery16.jpg" thumbURL="gallery/thumbs/wnp_gallery16.jpg" linkURL="" linkTarget="" >
    <caption></caption>   
</image>
<image imageURL="gallery/images/wnp_gallery17.jpg" thumbURL="gallery/thumbs/wnp_gallery17.jpg" linkURL="" linkTarget="" >
    <caption></caption>   
</image>
<image imageURL="gallery/images/wnp_gallery18.jpg" thumbURL="gallery/thumbs/wnp_gallery18.jpg" linkURL="" linkTarget="" >
    <caption></caption>   
</image>
<image imageURL="gallery/images/wnp_gallery19.jpg" thumbURL="gallery/thumbs/wnp_gallery19.jpg" linkURL="" linkTarget="" >
    <caption></caption>   
</image>
<image imageURL="gallery/images/wnp_gallery20.jpg" thumbURL="gallery/thumbs/wnp_gallery20.jpg" linkURL="" linkTarget="" >
    <caption></caption>   
</image>
<image imageURL="gallery/images/wnp_gallery21.jpg" thumbURL="gallery/thumbs/wnp_gallery21.jpg" linkURL="" linkTarget="" >
    <caption></caption>   
</image>
<image imageURL="gallery/images/wnp_gallery22.jpg" thumbURL="gallery/thumbs/wnp_gallery22.jpg" linkURL="" linkTarget="" >
    <caption></caption>   
</image>
<image imageURL="gallery/images/wnp_gallery23.jpg" thumbURL="gallery/thumbs/wnp_gallery23.jpg" linkURL="" linkTarget="" >
    <caption></caption>   
</image>
<image imageURL="gallery/images/wnp_gallery24.jpg" thumbURL="gallery/thumbs/wnp_gallery24.jpg" linkURL="" linkTarget="" >
    <caption></caption>
</image>
</simpleviewergallery>


Any help would be MUCH appreciated!!!!!!!!!!

Thanks!!!!!!

-Whitney :)

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

Re: Embedding in html NOT working! HELP!!

All your image and thumb filenames contain upper-case characters and this should be reflected in the corresponding entries in the gallery.xml file.
As an example, change:

<image imageURL="gallery/images/wnp_gallery01.jpg" thumbURL="gallery/thumbs/wnp_gallery01.jpg" linkURL="" linkTarget="">

... to:

<image imageURL="gallery/images/WNP_Gallery01.jpg" thumbURL="gallery/thumbs/WNP_Gallery01.jpg" linkURL="" linkTarget="">

(Note the upper-case WNP_G at the beginning of each filename.)

Steven Speirs
SimpleViewer Support Team
  • Registered: 2009-12-08
  • Posts: 5

Re: Embedding in html NOT working! HELP!!

monkeyboy, you are AWESOME!!!!!!!!!! All is up and running now!!!! Thanks for your help!!!!  :D  :D  :D  :cool: