Well, I know next to nothing about Yahoo Site Builder. But from looking at the served source code of your page (you can see it by clicking 'View' > ['View' or 'Page' or ''] 'source' (essentially 'View Source') - from the various browser's menus - whatever is available in your browser to view the page source), I see (note highlighted):
Code:
. . . tainer=iebrowser? iebrowser["master"+this.slideshowid] : document.getElementById("master"+this.slideshowid)
crossobjcontainer.onmouseover=function(){cacheobj.mouseovercheck=1}
crossobjcontainer.onmouseout=function(){cacheobj.mouseovercheck=0}
}
this.rotateimage()
}
</script><!--$end pageHtmlBefore$-->
</head>
<!--$pageHtmlInside <script type="text/javascript">
new fadeshow(fadeimages, 342, 229, 0, 2500, 1,,)
//new fadeshow(IMAGES_ARRAY_NAME, slideshow_width, slideshow_height, borderwidth, delay, pause (0=no, 1=yes), optionalRandomOrder)
//new fadeshow(fadeimages, 140, 225, 0, 3000, 1, "R")
//new fadeshow(fadeimages2, 140, 225, 0, 3000, 0)
</script>$-->
<body bgcolor="#FFFFFF" text="#797979" link="#0000FF" vlink="#800080" topmargin="0" leftmargin="0" <script type="text/javascript">
new fadeshow(fadeimages, 342, 229, 0, 2500, 1,,)
//new fadeshow(IMAGES_ARRAY_NAME, slideshow_width, slideshow_height, borderwidth, delay, pause (0=no, 1=yes), optionalRandomOrder)
//new fadeshow(fadeimages, 140, 225, 0, 3000, 1, "R")
//new fadeshow(fadeimages2, 140, 225, 0, 3000, 0)
</script>> . . .
The first of which is simply an html comment block. The second is just trailing garbage in the opening body tag. What you want to see is something like:
Code:
<script type="text/javascript">
//new fadeshow(IMAGES_ARRAY_NAME, slideshow_width, slideshow_height, borderwidth, delay, pause (0=no, 1=yes), optionalRandomOrder)
new fadeshow(fadeimages, 342, 229, 0, 2500, 1)
</script>
located somewhere in between <body> and </body>, preferably in the spot in the rest of your rendered HTML markup where you want the slide show to appear. The slide show itself is like a div element, so wherever you put:
Code:
<script type="text/javascript">
//new fadeshow(IMAGES_ARRAY_NAME, slideshow_width, slideshow_height, borderwidth, delay, pause (0=no, 1=yes), optionalRandomOrder)
new fadeshow(fadeimages, 342, 229, 0, 2500, 1)
</script>
It will act very much like a div element, the only difference is that it will present your slide show.
However, there is also the proviso that these images must be in the same folder as the page:
Code:
fadeimages[0]=["188.jpg", "", ""]//plain image syntax
fadeimages[1]=["189.jpg", "", ""]//plain image syntax
fadeimages[2]=["203.jpg", "", ""]//plain image syntax
fadeimages[3]=["190.jpg", "", ""]//plain image syntax
fadeimages[4]=["192.jpg", "", ""]//plain image syntax
fadeimages[5]=["197.jpg", "", ""]//plain image syntax
fadeimages[6]=["207.jpg", "", ""]//plain image syntax
fadeimages[7]=["213.jpg", "", ""]//plain image syntax
fadeimages[8]=["253.jpg", "", ""]//plain image syntax
fadeimages[9]=["257.jpg", "", ""]//plain image syntax
fadeimages[10]=["265.jpg", "", ""]//plain image syntax
fadeimages[11]=["223.jpg", "", ""]//plain image syntax
or have their paths specified relative to the page or absolutely to the domain. On this last point for example:
http://mygoodhands.com/188.jpg
is a 404 not found.
Bookmarks