• Registered: 2011-09-29
  • Posts: 15

Topic: Problems embedding in Dreamweaver

I'm getting the same problem as most people with Dreamweaver. I get the page that says "Autoviewer requires flash to play. Get Flash."

Here's my code:

<script type="text/javascript" src="swfobject.js"></script>
<div style="position: absolute; width: 465px; height: 164px; z-index: 1; left: 238px; top: 379px" id="layer1">
<div id="flashcontent">AutoViewer 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("autoviewer.swf", "viewer", "800", "600", "8", "#181818");
fo.write("flashcontent");

I've looked at all the other topics about this but with no avail. Can anyone help?
Here's my page: http://www.keatonjohnson.com
Navigate to the "Photo" section. That's where I wanted the autoviewer function.

Thanks

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

Re: Problems embedding in Dreamweaver

On your page, you have the line:

script type="text/javascript" src="swfobject.js"></script>

... which is missing the opening '<'.
It should be:

<script type="text/javascript" src="swfobject.js"></script>
Steven Speirs
SimpleViewer Support Team
  • Registered: 2011-09-29
  • Posts: 15

Re: Problems embedding in Dreamweaver

Steven Speirs wrote:

On your page, you have the line:

script type="text/javascript" src="swfobject.js"></script>

... which is missing the opening '<'.
It should be:

<script type="text/javascript" src="swfobject.js"></script>

Still getting the "get flash" error.

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

Re: Problems embedding in Dreamweaver

Your gallery is looking for the files 'swfobject.js' and 'autoviewer.swf' in the following locations:
http://www.keatonjohnson.com/swfobject.js
http://www.keatonjohnson.com/autoviewer.swf
... and they do not exist there.
Please see step #2 in the 'AutoViewer Embedding Guide': http://simpleviewer.net/autoviewer/supp … dding.html

Steven Speirs
SimpleViewer Support Team
  • Registered: 2011-09-29
  • Posts: 15

Re: Problems embedding in Dreamweaver

Steven Speirs wrote:

Your gallery is looking for the files 'swfobject.js' and 'autoviewer.swf' in the following locations:
http://www.keatonjohnson.com/swfobject.js
http://www.keatonjohnson.com/autoviewer.swf
... and they do not exist there.
Please see step #2 in the 'AutoViewer Embedding Guide': http://simpleviewer.net/autoviewer/supp … dding.html

Now I'm just getting the example gallery..

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

Re: Problems embedding in Dreamweaver

Your gallery's XML file is the XML file from the sample gallery: http://www.keatonjohnson.com/gallery.xml
Have you renamed your own gallery's XML file or uploaded it to a different location?

Steven Speirs
SimpleViewer Support Team
  • Registered: 2011-09-29
  • Posts: 15

Re: Problems embedding in Dreamweaver

Steven Speirs wrote:

Your gallery's XML file is the XML file from the sample gallery: http://www.keatonjohnson.com/gallery.xml
Have you renamed your own gallery's XML file or uploaded it to a different location?

It's not the sample gallery.xml.

This is what my gallery.xml looks like:


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

<!-- OPTIONS SUPPORTED BY STANDARD SWF -->
<simpleviewergallery

    title="HOLGA"
    textColor="FFFFFF"
    frameColor="FFFFFF"
    thumbPosition="LEFT"
    galleryStyle="MODERN"
    thumbColumns="3"
    thumbRows="4"
    showOpenButton="true"
    showFullscreenButton="true"
    frameWidth="0"
    maxImageWidth="800"
    maxImageHeight="800"
    imagePath="images/"
    thumbPath="thumbs/"
    useFlickr="false"
    flickrUserName=""
    flickrTags=""
    languageCode=""
    languageList=""
>
    <image imageURL="images/EIGHT.jpg" thumbURL="thumbs/EIGHT.jpg" linkURL="" linkTarget="" >
        <caption>EIGHT.jpg</caption>
    </image>
    <image imageURL="images/ELEVEN.jpg" thumbURL="thumbs/ELEVEN.jpg" linkURL="" linkTarget="" >
        <caption>ELEVEN.jpg</caption>
    </image>
    <image imageURL="images/FIVE.jpg" thumbURL="thumbs/FIVE.jpg" linkURL="" linkTarget="" >
        <caption>FIVE.jpg</caption>
    </image>
    <image imageURL="images/FOUR.jpg" thumbURL="thumbs/FOUR.jpg" linkURL="" linkTarget="" >
        <caption>FOUR.jpg</caption>
    </image>
    <image imageURL="images/NINE.jpg" thumbURL="thumbs/NINE.jpg" linkURL="" linkTarget="" >
        <caption>NINE.jpg</caption>
    </image>
    <image imageURL="images/ONE.jpg" thumbURL="thumbs/ONE.jpg" linkURL="" linkTarget="" >
        <caption>ONE.jpg</caption>
    </image>
    <image imageURL="images/SEVEN.jpg" thumbURL="thumbs/SEVEN.jpg" linkURL="" linkTarget="" >
        <caption>SEVEN.jpg</caption>
    </image>
    <image imageURL="images/SIX.jpg" thumbURL="thumbs/SIX.jpg" linkURL="" linkTarget="" >
        <caption>SIX.jpg</caption>
    </image>
    <image imageURL="images/TEN.jpg" thumbURL="thumbs/TEN.jpg" linkURL="" linkTarget="" >
        <caption>TEN.jpg</caption>
    </image>
    <image imageURL="images/THREE.jpg" thumbURL="thumbs/THREE.jpg" linkURL="" linkTarget="" >
        <caption>THREE.jpg</caption>
    </image>
    <image imageURL="images/TWELVE cropped 2.jpg" thumbURL="thumbs/TWELVE cropped 2.jpg" linkURL="" linkTarget="" >
        <caption>TWELVE cropped 2.jpg</caption>
    </image>
    <image imageURL="images/TWELVE.jpg" thumbURL="thumbs/TWELVE.jpg" linkURL="" linkTarget="" >
        <caption>TWELVE.jpg</caption>
    </image>
    <image imageURL="images/TWO.jpg" thumbURL="thumbs/TWO.jpg" linkURL="" linkTarget="" >
        <caption>TWO.jpg</caption>
    </image>
</simpleviewergallery>

It's in the same folder as my .html file that is the page.

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

Re: Problems embedding in Dreamweaver

Your gallery page is now missing the reference to the 'swfobject.js' file:

<script type="text/javascript" src="swfobject.js"></script>
Steven Speirs
SimpleViewer Support Team
  • Registered: 2011-09-29
  • Posts: 15

Re: Problems embedding in Dreamweaver

Steven Speirs wrote:

Your gallery page is now missing the reference to the 'swfobject.js' file:

<script type="text/javascript" src="swfobject.js"></script>

Ok, I added that line to my gallery.xml page. Still getting the error. I'm placing it at the very end of the code, right before </simpleviewergallery>

Is that the correct location?

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

Re: Problems embedding in Dreamweaver

The line should be placed in your gallery's HTML document (not the XML file).
It was there when I checked your gallery yesterday (and is the line that was missing the opening '<' which you corrected before the entire line went missing).
The embedding code in your HTML page should look something like the following:

<script type="text/javascript" src="swfobject.js"></script>
<div id="flashcontent">AutoViewer requires JavaScript and the Flash Player. <a href="http://www.macromedia.com/go/getflashplayer/">Get Flash here.</a> </div>
<script type="text/javascript">
var fo = new SWFObject("autoviewer.swf", "autoviewer", "100%", "100%", "8", "#000000");
//Optional Configuration
//fo.addVariable("langOpenImage", "Open Image in New Window");
//fo.addVariable("langAbout", "About");
//fo.addVariable("xmlURL", "gallery.xml");
fo.write("flashcontent");
</script>

See step #3 in 'Embedding AutoViewer in a HTML Page': http://simpleviewer.net/autoviewer/supp … dding.html

Steven Speirs
SimpleViewer Support Team
  • Registered: 2011-09-29
  • Posts: 15

Re: Problems embedding in Dreamweaver

Steven Speirs wrote:

The line should be placed in your gallery's HTML document (not the XML file).
It was there when I checked your gallery yesterday (and is the line that was missing the opening '<' which you corrected before the entire line went missing).
The embedding code in your HTML page should look something like the following:

<script type="text/javascript" src="swfobject.js"></script>
<div id="flashcontent">AutoViewer requires JavaScript and the Flash Player. <a href="http://www.macromedia.com/go/getflashplayer/">Get Flash here.</a> </div>
<script type="text/javascript">
var fo = new SWFObject("autoviewer.swf", "autoviewer", "100%", "100%", "8", "#000000");
//Optional Configuration
//fo.addVariable("langOpenImage", "Open Image in New Window");
//fo.addVariable("langAbout", "About");
//fo.addVariable("xmlURL", "gallery.xml");
fo.write("flashcontent");
</script>

Put that in my html code, now all i'm getting is this: http://www.keatonjohnson.com/photo
See step #3 in 'Embedding AutoViewer in a HTML Page': http://simpleviewer.net/autoviewer/supp … dding.html

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

Re: Problems embedding in Dreamweaver

Your last post just quoted my most recent post.
Did you leave out your reply by mistake?

Steven Speirs
SimpleViewer Support Team
  • Registered: 2011-09-29
  • Posts: 15

Re: Problems embedding in Dreamweaver

Put that in my html code, now all i'm getting is this: http://www.keatonjohnson.com/photo

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

Re: Problems embedding in Dreamweaver

I'm sorry I overlooked your reply as it was included in the quote.

The problem with your gallery is that the XML file found here: http://www.keatonjohnson.com/gallery.xml
... is in the format for SimpleViewer, not AutoViewer.

How did you create your gallery and are you intending it to be AutoViewer or SimpleViewer?
Your first post in this thread implies it should be an AutoViewer gallery (with AutoViewer embedding code and a reference to AutoViewer) but it was originally posted in the SimpleViewer v2 forum. (I moved it to the AutoViewer forum.)

If you do intend the gallery to use AutoViewer, then recreate your AutoViewer gallery on your computer and replace the http://www.keatonjohnson.com/gallery.xml file on your web server.

If you intend the gallery to use SimpleViewer, then please follow the 'SimpleViewer Embedding Guide' here: http://simpleviewer.net/simpleviewer/su … dding.html

Steven Speirs
SimpleViewer Support Team

15 Reply by nlogax (edited by nlogax 2011-09-30 21:59:58)

  • Registered: 2011-09-29
  • Posts: 15

Re: Problems embedding in Dreamweaver

Steven Speirs wrote:

I'm sorry I overlooked your reply as it was included in the quote.

The problem with your gallery is that the XML file found here: http://www.keatonjohnson.com/gallery.xml
... is in the format for SimpleViewer, not AutoViewer.

How did you create your gallery and are you intending it to be AutoViewer or SimpleViewer?
Your first post in this thread implies it should be an AutoViewer gallery (with AutoViewer embedding code and a reference to AutoViewer) but it was originally posted in the SimpleViewer v2 forum. (I moved it to the AutoViewer forum.)

If you do intend the gallery to use AutoViewer, then recreate your AutoViewer gallery on your computer and replace the http://www.keatonjohnson.com/gallery.xml file on your web server.

If you intend the gallery to use SimpleViewer, then please follow the 'SimpleViewer Embedding Guide' here: http://simpleviewer.net/simpleviewer/su … dding.html


Ok FINALLY got my images to work, now just how do I resize autoviewer? In other words, I'd like to make it fullscreen.

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

Re: Problems embedding in Dreamweaver

Ok FINALLY got my images to work, now just how do I resize autoviewer?

The gallery dimensions can be set in the following line of code:

var fo = new SWFObject("autoviewer.swf", "viewer", "800", "600", "8", "#181818");

The '800' above refers to the gallery's width (in pixels) and the '600' refers to the gallery's height (also in pixels).

In other words, I'd like to make it fullscreen.

Change both these values to '100%', ie:

var fo = new SWFObject("autoviewer.swf", "viewer", "100%", "100%", "8", "#181818");
Steven Speirs
SimpleViewer Support Team
  • Registered: 2011-09-29
  • Posts: 15

Re: Problems embedding in Dreamweaver

That just seems to make it go across the width of the page, not the height.

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

Re: Problems embedding in Dreamweaver

Make sure that all parent containers of your 'flashcontent' <div>, including 'html' and 'body', have their heights also set to 100%.
See this SimpleViewer FAQ (also relevant for other viewers) for details: http://simpleviewer.net/simpleviewer/su … ml#embed_7

Steven Speirs
SimpleViewer Support Team
  • Registered: 2011-09-29
  • Posts: 15

Re: Problems embedding in Dreamweaver

Steven Speirs wrote:

Make sure that all parent containers of your 'flashcontent' <div>, including 'html' and 'body', have their heights also set to 100%.
See this SimpleViewer FAQ (also relevant for other viewers) for details: http://simpleviewer.net/simpleviewer/su … ml#embed_7

<!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>Photo</title>
<style type="text/css">
body {
    background-color: #666;
}
</style>
</head>

<body>
<script type="text/javascript" src="swfobject.js"></script>
<div id="flashcontent">AutoViewer requires JavaScript and the Flash Player. <a href="http://www.macromedia.com/go/getflashplayer/">Get Flash here.</a> </div>
<script type="text/javascript">
var fo = new SWFObject("autoviewer.swf", "viewer", "100%", "100%", "8", "#666");
//Optional Configuration
//fo.addVariable("langOpenImage", "Open Image in New Window");
//fo.addVariable("langAbout", "About");
//fo.addVariable("xmlURL", "gallery.xml");
fo.write("flashcontent");
</script>
</body>
</html>


I'm not sure i'm following you. Where in this is there another area to change the height and width? Excuse my incompetence, I'm just getting started with this whole HTML thing.

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

Re: Problems embedding in Dreamweaver

Change:

body {
    background-color: #666;
}

... to:

html {
    height: 100%;
}
body {
    background-color: #666;
    height: 100%;
}
Steven Speirs
SimpleViewer Support Team

21 Reply by nlogax (edited by nlogax 2011-09-30 22:21:38)

  • Registered: 2011-09-29
  • Posts: 15

Re: Problems embedding in Dreamweaver

Hmm still a horizontal bar across the top of the screen..

Is there a way I could align it with a <div>?

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

Re: Problems embedding in Dreamweaver

Try:

html {
    height: 100%;
}
body {
    background-color: #666;
    height: 100%;
}
#flashcontent {
    height: 100%;
}

Here's the complete <style> section from the sample 'web' gallery from the AutoViewer download package:

<style type="text/css">    
    /* hide from ie on mac \*/
    html {
        height: 100%;
        overflow: hidden;
    }    
    #flashcontent {
        height: 100%;
    }
    /* end hide */
    body {
        height: 100%;
        margin: 0;
        padding: 0;
        background-color: #181818;
        color:#ffffff;
        font-family:sans-serif;
        font-size:40;
    }    
    a {    
        color:#cccccc;
    }
</style>
Steven Speirs
SimpleViewer Support Team
  • Registered: 2011-09-29
  • Posts: 15

Re: Problems embedding in Dreamweaver

Excellent! Thanks a million times over for your patience and support, you have been very helpful.