please help with javascript positioning!

  mco 12:32 23 Dec 2006

I'd be eternally grateful if a coder could advise on my problem: I've adapted some javascript and made this slideshow on a test page here click here
(already you can see there's something wrong because of the code showing at the top there) However, I need to put this slideshow into this page here:click here
just above the nav bar, centred, under the contact details. BUT... each time I try, it totally messes up the page (which is one table centred on a grey background) I'm beyond myself now in the coding so please help; it's driving me mad! The orginal javascript is here:

!-- STEP ONE: Paste this code into the HEAD of your HTML document -->


!-- Original: ([email protected]) -->
!-- Web Site: click here -->

!-- This script and many more are available free online at -->
!-- The JavaScript Source!! click here -->

!-- Begin
// Set slideShowSpeed (milliseconds)
var slideShowSpeed = 5000;
// Duration of crossfade (seconds)
var crossFadeDuration = 3;
// Specify the image files
var Pic = new Array();
// to add more images, just continue
// the pattern, adding to the array below

Pic[0] = 'click here'
Pic[1] = 'click here'
Pic[2] = 'click here'

// do not edit anything below this line
var t;
var j = 0;
var p = Pic.length;
var preLoad = new Array();
for (i = 0; i p; i++) {
preLoad[i] = new Image();
preLoad[i].src = Pic[i];
function runSlideShow() {
if (document.all) {"blendTrans(duration=2)";"blendTrans(duration=crossFadeDuration)";
document.images.SlideShow.src = preLoad[j].src;
if (document.all) {
j = j + 1;
if (j > (p - 1)) j = 0;
t = setTimeout('runSlideShow()', slideShowSpeed);
// End -->


!-- STEP TWO: Insert the onLoad event handler into your BODY tag -->

BODY onLoad="runSlideShow()">

!-- STEP THREE: Copy this code into the BODY of your HTML document -->

table border="0" cellpadding="0" cellspacing="0">
td id="VU" height=523 width=175>
img src="click here" name='SlideShow' width=523 height=175>

p> center>
font face="arial, helvetica" size"-2">Free JavaScripts provided br>
by a href="click here">The JavaScript Source /a> /font>
/center> p>

!-- Script Size: 2.13 KB --> 13:35 23 Dec 2006

why you are using outside scripts when NOF has inbuilt functions to insert slide shows via the rotating banner tool. It will give you all the special effects you need (fade, venetion blind, etc.)

Just seems a bit pointless trying to fit someone elses javascript into NOF coded pages.

  mco 13:51 23 Dec 2006

Barry, where is the Ad Banner tool? If I had known of its existence I'd have used it - can't locate it!

  mco 13:54 23 Dec 2006

Just found it; I will give it a go and in the meantime tick as resolved. Very grateful to you and Merry Christmas!

  mco 18:09 23 Dec 2006

it doesn't do what I want:you have to wait while it loads and it doesn't work on all my pcs.I need the image immediately on load. I wonder if there any coders out there who could help with my initial request? 22:55 23 Dec 2006

Not the ad banner tool. The 'rotating' banner tool. As long as the pics to be rotated are exactly the same size it should work ok.

  mco 00:38 24 Dec 2006

it calls itself (on my NOF9) a rotating ad banner - though I have also tried the rotating picture, but that doesn't have the fade options.I think the problem is it is a java application that takes time to load (at least on my pc) and people aren't going to want to hang around for the picture to appear. You can see what I mean here click here
The top one is my original javascript; the bottom one is NOF's

This thread is now locked and can not be replied to.

Elsewhere on IDG sites

WPA2 hack: How secure is your Wi-Fi?

Microsoft Surface Book 2 hands-on review – bigger and 5x faster

Best kids apps for iPhone & iPad

Que faire si son iPhone ou iPad est tombé dans de l'eau ?