PDA

View Full Version : Left to right slide script placement



stuperprohero
07-30-2008, 05:43 PM
1) Script Title: left right slide2

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex14/leftrightslide2.htm

3) Describe problem: I completely forgot how to get a scripts actions to show in a specific area of a webpage. What I'm trying to accomplish is having a static image in the top left corner of the webpage and next to it I want it to appear as though the lleft to right slideshow images are coming from the static image. I completely forgot how to code html so I can have this slideshow in a specific spot on the webpage rather than top left corner. I tried placing the script in a layer in FrontPage 03 but obviously a rookie mistake.

Any help would be greatly appreciated.

ddadmin
07-30-2008, 09:25 PM
Hmm not sure what you mean. Are you basically asking how to absolutely position the left right slideshow so it's, for example, at the very upper left corner of the page? If so, you can try changing this line inside the script:


document.writeln('<div id="main2" style="position:relative;width:'+scrollerwidth+';height:'+scrollerheight+';overflow:hidden;background-color:'+scrollerbgcolor+'">')

to:


document.writeln('<div id="main2" style="position:absolute;left:0;top:0;width:'+scrollerwidth+';height:'+scrollerheight+';overflow:hidden;background-color:'+scrollerbgcolor+'">')

stuperprohero
07-31-2008, 01:44 AM
I'll try to explain best I can. When in design mode using front page 2003 I add a layer, in that layer I can insert a picture from file. Now you can drag that layer anywhere on the page you want and the FP03 automatically codes it to that position on the page. I was wondering how to place the slideshow in a specific spot on the page.
For example a layer with a cartridge picture in it placed in the center of the page and down looks like this in html>

<div style="position: absolute; width: 100px; height: 100px; z-index: 1; left: 443px; top: 185px" id="layer1">
<img border="0" src="cartridge.jpg" width="159" height="301"></div>
where left: 443px; top 185px codes the position of this layer on the page, how do I code the html to display the slide show in a particular part of the webpage such as ,, left: 220px; top: 18px,,,,, ???? I want the slide show to display where I want it to on the page besides the top left corner.

Hope this clarifies it and thanks for the help ddadmin

ddadmin
08-04-2008, 05:05 AM
Well, with the changes I suggested above, it would make the slideshow absolutely positioned on the page, allowing you to position it based on an absolute x/y coordinate on the page. For example:


document.writeln('<div id="main2" style="position:absolute;left:200px;top:100px;width:'+scrollerwidth+';height:'+scrollerheight+';overflow:hidden;background-color:'+scrollerbgcolor+'">')

would mean 200 left and 100 down.

stuperprohero
08-04-2008, 10:05 PM
Thank You, Thank You, Thank You!!! That did it ddadmin.