PDA

View Full Version : SimpleGallery Nav Not Centered - Please Help!



vornamen23
09-01-2010, 02:15 AM
1) Script Title: SimpleGallery

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

3) Describe problem: I am a noob in this area, I followed the instruction on the script url (above in #2) but the nav images are shown on the left.

I tried the solution mentioned here: http://www.dynamicdrive.com/forums/showthread.php?t=56176

But that didn't work either OR maybe I am just placing it wrong. Please help!

The site is: yourgoldguy.com

I uploaded these files to the root (no folder just in root):
1. simplegallery.js
2. jquery-1.2.6.pack.js
3. Nav panel images

on the header I have:

<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: 0px;
}

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

#simplegallery1.navimages {
margin-left:auto !important;
margin-right:auto !important;
display:inline !important;
}

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

</script>

<script type="text/javascript">

var mygallery=new simpleGallery({
wrapperid: "simplegallery1", //ID of main gallery container,
dimensions: [520, 254], //width/height of gallery in pixels. Should reflect dimensions of the images exactly
imagearray: [
["http://yourgoldguy.com/wp-content/uploads/2009/11/dummyWhyus.jpg", "http://yourgoldguy.com/contact-2/request-information/", "_new", ""],
["http://yourgoldguy.com/wp-content/uploads/2010/08/dummyTestamonial.jpg", "http://yourgoldguy.com/contact-2/request-information/", "", ""],
["http://yourgoldguy.com/wp-content/uploads/2009/11/dummyIRA.jpg", "http://yourgoldguy.com/gold-backed-ira/", "", ""],
],
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>