Site Logo/ Watermark

[sdzeltwanger]

1) Script Title: Site Logo/ Watermark

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

3) Describe problem: I'm not having a problem with the script, and I figure it has to be possible, but instead of having the watermark positioned in the corner, I would like it centered on the bottom of the page. Does anybody have and idea how to pull it off, as I have no idea where that's located in the script?

[ddadmin]

Try finding the below line inside the .js file:

var x=$window.scrollLeft() + (is1or3? this.offsets.x : $window.width()-this.$control.width()-this.offsets.x)

and change that to:

var x=$window.scrollLeft() + $window.width()/2-this.$control.width()/2

[sdzeltwanger]

I tried your suggestion and I can't see that it made a difference. If you want to look at my code it is at http://www.jobs4teens.us/PRCA/index.php. I really like the feel of it, but I would like the bottom image centered.

[ddadmin]

Ah yes, there is an additional change you also need to make. Find the below line:

.css(mainobj.coord)

and change that to:

.css(mainobj.coord, left:mainobj.offsets.x + $window.width()/2-mainobj.$control.width()/2)

Untested, but that should do it.

[sdzeltwanger]

I changed it and Dreamweaver told me there was a syntax error in that line, and when I tried to refresh the page, the script didn't launch. I hate to be a pest, but Java is not my strong point when it comes to web design, so I have no idea.

[ddadmin]

Ok, try the below attached .js file. It incorporates the changes above and fixes an issue with it.

[sdzeltwanger]

ok, I uploaded your file, changed the image to what I want down there, but the problem now is that the left side of the image is in the center of the bottom, not the center of the image. If you want to see what I mean, http://www.jobs4teens.us/PRCA/index.php

[ddadmin]

Inside the .js file, try giving the image explicit width/height attributes when defining it:

logoHTML: '<img src="/PRCA/images/meadow.png" style="border:0;width:400px;height:150px" />', //HTML for logo, which is auto wrapped in DIV w/ ID="mysitelogo"

[sdzeltwanger]

Now I feel kind of dumb. Now it works great, thanks.

[sdzeltwanger]

I hate to ask for help again; but I just looked at my page in IE and learned about the transparent .png glitch and was wondering if there was any way to use the AlphaImageLoader with this script.