Topic: simple back button question

Hello, I made several galleries with Simpleviewer for a small website. We decided to pay for the pro version because of the back button feature and the ability to take the simpleviewer logo out of the galleries. After upgrading to the pro version, I've been unable to add a back button to any existing galleries, or modify the source successfully to make new galleries that act properly. I'm sure I'm overlooking something simple; but after hours of searching the forum and the circuitous user instructions, I've decided to to give up and see if a fresh pair of eyes can find my glaring mistake. I don't mind re-making the galleries if someone could just tell me how to "turn on" the Back button feature. Is there a chance I installed SVpro incorrectly even though there seems to be no installation necessary just file switching? OK, I'll stop asking questions and wait here with both fingers crossed. Thanks in advance!

Re: simple back button question

Hi,

we try to make the instructions as clear as possible. Let us know if there is anything that can be improved.

To turn on the back button you need to set the 'showBackButton' ActionSctipt option to true. To do that, follow the 3 steps in section 2.2 here: http://www.simpleviewer.net/simpleviewe … #asoptions

Felix Turner
SimpleViewer Support Team.

Re: simple back button question

I'm sorry, I changed the boolean value to true and republished the .fla file in the source folder. Then I replaced the old .swf with the newly published one. The gallery loads, the back button is there; but clicking the button does nothing. Clicking the back arrow in the browser toolbar works; but the back button in the gallery doesn't seem to be working.

Re: simple back button question

The back button will take you back one page in the browser's history, so it only works if you are visiting the gallery page after visiting another page.

Felix Turner
SimpleViewer Support Team.

Re: simple back button question

That is why I mentioned that the back button on the browser toolbar works. I was coming from another page, nothing happens.

Re: simple back button question

bump.

Re: simple back button question

Please post the gallery URL.

Felix Turner
SimpleViewer Support Team.

Re: simple back button question

The gallery isn't active yet. Here is the source I'm using. I don't know if that will help.
class com.airtightinteractive.apps.viewers.simpleViewer.Options {
       
    function Options(){};
   
    //General
    static var fixedLayout:Boolean = false; //Whether to used fixed layout of stage elements, or dynamic resizing based on browser window size         
    static var preloadImages:Boolean = true; //Whether to automatically preload images in the background
    static var useSmoothing:Boolean = true; //Whether to smooth images
    static var enableMouseWheel:Boolean = true; //Whether to accept mouse wheel input to navigate images
    static var enableLooping:Boolean = false; //Whether navigating beyond last image goes back to first image   
    static var soundPath:String = null; //Relative or absolute path to optional music mp3 file.
       
    //Main Image   
    static var enableImageDownScaling:Boolean = true; //Whether images are resized smaller to fit stage (not used if fixedLayout == true)
    static var enableImageButtons:Boolean = true; //Whether to use image navigation buttons (arrow buttons that overlay the main image)
    static var hideImageButtonsOnRollOut:Boolean = true; //Whether to hide the image navigation buttons when the mouse is not rolled over them
    static var imageFadeLength:Number = 5; //Image fade tween length (frames)
    static var imageVAlign:String = "center"; //Vertical placment of the image within the square image area. Can be "center", "top" or "bottom".
    static var imageHAlign:String = "center"; //Horizontal placement of the image within the square image area. Can be "center", "left" or "right".
   
    //Thumbnails
    static var thumbnailWidth:Number = 65; //pixels
    static var thumbnailHeight:Number = 65; //pixels   
    static var thumbnailPadding:Number = 14; //space between thumbs (pixels)
    static var showThumbnailVisited:Boolean = true; //Whether to show visited dogear icon
    static var showThumbnailLoadBar:Boolean = true; //Whether to show load bar on image load
    static var thumbnailFrameWidth:Number = 2; //pixels
    static var thumbnailRollOverFrameWidth:Number = 5;     //pixels
    static var thumbnailSelectedFrameOffset:Number = 3; //pixels that thumb frame is offset  when thumb is selected
    static var thumbnailLoadBarHeight:Number = 10; //pixels
    static var thumbnailClickShift:Number = 2;     //distance thumbnail moves on click (pixels)
    static var thumbnailLoadingAlpha:Number = 60; //alpha of thumbnail while image loads (percent)
    static var thumbnailMotionLength:Number = 20; //Thumb paging slide animation tween time (frames)
                               
    //Captions
    static var showCaptions:Boolean = false; //Whether to show Image Captions   
    static var showTitle:Boolean = true; //Whether to show gallery title
    static var showCaptionOnRollover:Boolean = false; //Whether to show the image caption on thumbnail rollover
    static var captionUnderThumbs:Boolean = true; //Whether to show the captions under the thumbnails or the main image
    static var captionFontSize:Number = 13;
    static var titleFontSize:Number = 16;   
    static var captionPadding:Number = 14; //space between image and caption. Used if 'captionUnderThumbs' is false
   
    //Autoplay
    static var enablePlayButton:Boolean = false; //Whether to show play button for autoplay mode.
    static var playAtStart:Boolean = false; //Whether to automatically start playing.
    static var displayTime:Number = 5; //Number of seconds each image will display in autoplay mode.   
   
    //Back Button
    static var showBackButton:Boolean = true; //Whether to show optional back button
    static var backButtonText:String = "BACK</b>"; //Display text for optional back button
                           
    //Colors
    //If these are not set, color are loaded from XML options
    //Color values are hex-numbers like this: 0xFF00FF
    static var imageFrameColor:Number = null; //color of main image frame and image nav buttons (overrides XML 'frameColor' value)
    static var thumbnailFrameColor:Number = null; //color of thumbnail frames    (overrides XML 'frameColor' value)
    static var pagingArrowsColor:Number = null; //color of thumbnail paging arrows (overrides XML 'frameColor' value)
    static var captionTextColor:Number = null; //color of captions text (overrides XML 'textColor' value)
    static var titleTextColor:Number = null; //color of title text (overrides XML 'textColor' value)
   
    //Fixed Layout Positions
    //These options are only used if 'fixedLayout' is set to true
    //ThumbArea width and Height are determined by columns, rows, thumbnailWidth, thumbnailHeight and thumbnailPadding
    static var imageAreaX:Number = 10; //X posn of Image Area
    static var imageAreaY:Number = 10; //Y posn of Image Area
    static var imageAreaWidth:Number = 480; //width of Image Area
    static var imageAreaHeight:Number = 480; //height of Image Area   
    static var thumbAreaX:Number = 500; //X posn of Thumb Area
    static var thumbAreaY:Number = 10; //Y posn of Thumb Area        
    static var backThumbArrowX:Number = 0; //X posn of Back Thumb Arrow (relative to top left of Thumb Area)
    static var backThumbArrowY:Number = 350; //Y posn of Back Thumb Arrow (relative to top left of Thumb Area)
    static var nextThumbArrowX:Number = 200; //X posn of Next Thumb Arrow (relative to top left of Thumb Area)
    static var nextThumbArrowY:Number = 350; //Y posn of Next Thumb Arrow (relative to top left of Thumb Area)   
    static var titleX:Number = 10; //X posn of Title text
    static var titleY:Number = 500; //Y posn of Title text
    static var titleWidth:Number = 480; //width of Title text
    static var titleHeight:Number = 20; //height of Title text       
    static var captionX:Number = 10; //X posn of Title text
    static var captionY:Number = 520; ///Y posn of Title text
    static var captionWidth:Number = 480; //width of Title text
    static var captionHeight:Number = 50; //height of Title text   
    static var downLoadLinkX:Number = 600; //X posn of download link
    static var downloadLinkY:Number = 600; //Y posn of download link
    static var backButtonX:Number = 20; //X posn of optional back button
    static var backButtonY:Number = 20; //Y posn of optional back button
   
    //XML Options Overrides
    //Setting these values will replace the values loaded from the XML doc
    static var maxImageWidth:Number = null;
    static var maxImageHeight:Number = null;
    static var frameWidth:Number = null;
    static var stagePadding:Number = null;
    static var navPadding:Number = null;
    static var thumbnailColumns:Number = null;
    static var thumbnailRows:Number = null;
    static var navPosition:String = null; 
    static var vAlign:String = null;
    static var hAlign:String = null;   
    static var title:String = null;
    static var enableRightClickOpen:Boolean = null;
    static var backgroundImagePath:String = null;    
    static var imagePath:String = null; 
    static var thumbPath:String = null;   
}

here's a link to a screenshot. See the back button, even modified to be all caps; but clicking it doesn't do anything in any web browser (camino, firefox, IE, etc...)

http://img35.imageshack.us/img35/2944/picture2bn.png

Re: simple back button question

only thing that looks odd is this:

static var backButtonText:String = "BACK</b>";

that is malformed HTML markup. try removing the "</b>"

Felix Turner
SimpleViewer Support Team.

Re: simple back button question

changed to this:

//Back Button
    static var showBackButton:Boolean = true; //Whether to show optional back button
    static var backButtonText:String = "<b>&lt; <u>BACK</b></u>"; //Display text for optional back button

still have inactive back button. To clarify/figure out what I'm doing wrong. I modify the options.as file in text editor, republish the simpleviewer.fla file in flash, copy the viewer.swf file from the web folder, and replace the .swf file in my existing gallery. The button appears and even in all caps; but not functioning. Thanks for your patience.

Last edited by ismith (2009-11-17 22:48:36)

Re: simple back button question

I'd have to see the URL to figure out what the issue is.

Felix Turner
SimpleViewer Support Team.

Re: simple back button question

The other thing to try is to set 'allowScriptAccess' to 'always' in your HTML code like this:

var fo = new SWFObject("viewer.swf", "viewer", "100%", "100%", "8", "#181818");
fo.addParam("allowScriptAccess","always");        
fo.write("flashcontent");    
Felix Turner
SimpleViewer Support Team.