I thought I'd contribute for a change instead of just asking questions...
The following code in the banner manager is a open source "
Simple Gallery" javascript I found online that is cross platform browser friendly (works on all smart phones!) that is a simple rotating jpg code so you can rotate through various jpg banners and link each one accordingly...
[code="javascript"]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"[
www.w3.org];
<html xmlns="[
www.w3.org]; lang="en" xml:lang="en">
<head>
<script type="text/javascript" src="[
ajax.googleapis.com];
<style type="text/css">
/*Make sure your page contains a valid doctype at the top*/
#simplegallery1{ //CSS for Simple Gallery Example 1
position: relative; /*keep this intact*/
visibility: hidden; /*keep this intact*/
border: 0px solid darkred;
}
#simplegallery1 .gallerydesctext{ //CSS for description DIV of Example 1 (if defined)
text-align: center;
padding: 2px 5px;
}
</style>
<script type="text/javascript" src="simplegallery.js">
/***********************************************
* Simple Controls Gallery- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at [
www.dynamicdrive.com] for this script and 100s more
***********************************************/
</script>
<center>
<script type="text/javascript">
var mygallery=new simpleGallery({
wrapperid: "simplegallery1", //ID of main gallery container,
dimensions: [700, 173], //width/height of gallery in pixels. Should reflect dimensions of the images exactly
imagearray: [
["[your-website-url];, "", "", ""],
["[your-website-url];, "", "", ""],
],
autoplay: [true, 2500, 2], //[auto_play_boolean, delay_btw_slide_millisec, cycles_before_stopping_int]
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 500, //transition duration (milliseconds)
oninit:function(){ //event that fires when gallery has initialized/ ready to run
//Keyword "this": references current gallery instance (ie: try this.navigate("play/pause"))
},
onslide:function(curslide, i){ //event that fires after each slide is shown
//Keyword "this": references current gallery instance
//curslide: returns DOM reference to current slide's DIV (ie: try alert(curslide.innerHTML)
//i: integer reflecting current image within collection being shown (0=1st image, 1=2nd etc)
}
})
</script>
</head>
<body>
<div id="simplegallery1"></div>
<br>
</center>
</body>
</html>
[/code]
This looks very nice, I think others might be able to make good use of it.
