View Full Version : Simple Controls Gallery v1.3

11-11-2010, 12:18 PM
1) Script Title: Simple Controls Gallery v1.3

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex4/simplegallery.htm

3) Describe problem: I follow the instructions and nothing will render. I have repaeated the process 4 time and nothing.

Here is the code i used from the page of instructions, please can you help.

<!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">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>

<script type="text/javascript" src="jquery-1.2.6.pack.js"></script>

<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: 10px solid darkred;

#simplegallery1, .gallerydesctext{ //CSS for description DIV of Example 1 (if defined)
text-align: left;
padding: 2px 5px;


<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 http://www.dynamicdrive.com/ for this script and 100s more


<script type="text/javascript">

var mygallery=new simpleGallery({
wrapperid: "simplegallery1", //ID of main gallery container,
dimensions: [450, 320], //width/height of gallery in pixels. Should reflect dimensions of the images exactly
imagearray: [
["images/image1.jpg", "", "", ""],
["images/image2.jpg", "", "", ""],
["images/image3.jpg", "", "", ""],
["images/image4.jpg", "", "", ""]
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)



<div id="simplegallery1"></div>


11-11-2010, 01:46 PM
Your code works fine here. Something must be missing - one of the scripts, or the images, a combination.

Go back to the demo page and make sure you have followed all of the step by step instructions completely, including downloading and installing the support scripts and images. Also make sure that the images referred to here:

imagearray: [
["images/image1.jpg", "", "", ""],
["images/image2.jpg", "", "", ""],
["images/image3.jpg", "", "", ""],
["images/image4.jpg", "", "", ""]

actually exist.

If you want more help:

Please post a link to a page on your site that contains the problematic code so we can check it out.

11-11-2010, 03:15 PM
Hello John

Thanks for this

I've tried but for the life of me i cant see where i have gone wrong.

I never had this problem with a DD app.

Are you sure it worked? I'm sure it did

11-11-2010, 03:57 PM
I've tried but for the life of me i cant see where i have gone wrong.
Unfortunately, neither can we. As John already stated, please post a link to your page so we can look at the code on your site.