javascriptimagepopuponclickimageflow

Imageflow does not display with highslide code


The website I am trying to get it to work on is here:

http://www.kaimeramedia.com/derek/Website/Main_New7.html

The Problem is I can't seem to get the code for highslide to work at the end of the imageflow.js file.

The code is:

domReady(function()
{
    var instanceOne = new ImageFlow();
    instanceOne.init({ ImageFlowID:'CGI-Archive',  startID: 3, reflectionPNG: true, onClick: function() { return hs.expand(this, {src: this.getAttribute('longdesc'), outlineType: 'rounded-white', showCredits: false,fadeInOut:true, captionText: this.getAttribute('alt')}); } 
                                                                                                                                                                                                                                                                       });

ImageFlow works without it, but both are supposed to work together. What am I doing wrong?

Here is the location of the entire imageflow.js & highslide.js files:

http://www.kaimeramedia.com/derek/Website/imageflow.js

For the highslide.js file swap out imageflow.js for highslide.js

Any help would greatly be appreciated


Solution

  • There is a curly brace missing at the end of your code.

    domReady(
    function()
    {
        var instanceOne = new ImageFlow();
        instanceOne.init(
            {
                ImageFlowID     :'CGI-Archive',
                startID         : 3,
                reflectionPNG   : true,
                onClick         : function() {
                    return hs.expand(
                        this,
                        {
                            src         : this.getAttribute('longdesc'),
                            outlineType : 'rounded-white',
                            fadeInOut   : true,
                            captionText : this.getAttribute('alt')
                        }
                    );
                }
            }
        );
    } // <!-- this one is missing in your code
    ); // EDIT: missing closing bracket here as well
    

    another thing that's wrong... this:

    <script type="text/javascript">var myScript = Asset.javascript(source[, properties]);</script>
    

    should probably read:

    <script type="text/javascript">var myScript = Asset.javascript(source, [properties]);</script>
    

    or:

    <script type="text/javascript">var myScript = Asset.javascript(source, properties);</script>