Multiple Scripts..and I am stumped..Help??

@jenok2000Nov 11.2005

Hi All!!

Here’s the deal…..I am using Yahoo Sitebuilder…If thats not bad enough…Just kidding…hehe…I am new at this, and trying to learn as much as I can while having a good time figuring things out…But I am just not fixing this problem and if there is anyone that would be willing to help that would be great, because this is something i want to accomplish!! Thanks

Anyways…I have a slideshow script in the head , and <body onload=”runSlideShow()”> in the body, and a prompt where I want the script to be on the page….

and that works fine by its self….

I put a WELCOME graphic that signs the word Welcome as if someone were were writing it on the top of the page and then the slideshow doesn’t work. Then I brought the graphic down to the middle of the page and whala slideshow and graphic works fine together. What the heck am I to do, I tryed a prompt on the body, but no luck I have been trying different things all day and 0 luck. Any suggestions?? Thanks Jen…

to post a comment

JavaScript

7 Comments(s) _↴

@FangNov 11.2005 — #Sounds like you are using 2 onload events, which will not work if called separately.

A link to the page would be helpful.

@konithomimoNov 11.2005 — #I agree, it sounds like you are trying to load two function at the same time when the body/window loads. Try this:

<body onload="runSlideShow();otherfunction()">

where otherfunction is replaced with the name of the other function that you have to display welcome. And don't forget to remove the call to the other function.

Besides that just post your code here, not just a link, because some people like me can't view source at work. ?

@jenok2000authorNov 11.2005 — #Ok. Here is the fading slideshow....

[COLOR=DarkRed]IN THE HEAD:[/COLOR]

<SCRIPT>

// (C) 2000 www.CodeLifter.com

// http://www.codelifter.com

// Free for all users, but leave in this header

// NS4-6,IE4-6

// Fade effect only in IE; degrades gracefully

// =======================================

// set the following variables

// =======================================

// Set slideShowSpeed (milliseconds)

var slideShowSpeed = 3000

// Duration of crossfade (seconds)

var crossFadeDuration = 2

// Specify the image files

var Pic = new Array() // don't touch this

// to add more images, just continue

// the pattern, adding to the array below

Pic[0] = 'http://img218.imageshack.us/img218/7670/ownyorownhome5wd.jpg'

Pic[1] = 'http://img218.imageshack.us/img218/5253/selfemployed7wu.jpg'

Pic[2] = 'http://img218.imageshack.us/img218/7641/firsttimebuyer6az.jpg'

Pic[3] = 'http://img218.imageshack.us/img218/5184/homeequitylinesofcredit9fr.jpg'

Pic[4] = 'http://img218.imageshack.us/img218/755/refinanceorcashout1ei.jpg'

Pic[5] = 'http://img218.imageshack.us/img218/8320/allcreditwelcome3cd.jpg'

Pic[6] = 'http://img218.imageshack.us/img218/9286/allcreditwelcome5jg.jpg'

Pic[7] = 'http://img218.imageshack.us/img218/2334/nohassles9fh.jpg'

Pic[8] = 'http://img218.imageshack.us/img218/774/professonalloanstaff5jh.jpg'

Pic[9] = 'http://img238.imageshack.us/img238/4785/locallyownedandoperated0gh.jpg'

// =======================================

// 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){

document.images.SlideShow.style.filter="blendTrans(duration=2)"

document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)"

document.images.SlideShow.filters.blendTrans.Apply()

}

document.images.SlideShow.src = preLoad[j].src

if (document.all){

document.images.SlideShow.filters.blendTrans.Play()

}

j = j + 1

if (j > (p-1)) j=0

t = setTimeout('runSlideShow()', slideShowSpeed)

}

</SCRIPT>

[COLOR=DarkRed]IN THE BODY:[/COLOR]

<body onload="runSlideShow()">

[COLOR=DarkRed]THE PROMPT ON THE PAGE IN THE HTML BOX THAT YAHOO PROVIDES[/COLOR]

<table border="0" cellpadding="0" cellspacing="0">

<tr>

<td id="VU" height=200 width=300>

<img src="http://img218.imageshack.us/img218/7670/ownyorownhome5wd.jpg" name='SlideShow' width=300 height=200></td>

</tr>

</table>

[COLOR=DarkRed]THE WELCOME BANNER:[/COLOR]

The problem with this is that I don't have a code persay. I went to a site with graphice that were free, and it said to right click and save the image onto your computer and then to upload it to your application, which for me is Sitebuilder. So I did that and it comes onto Sitebuilder working at a faster rate that when I preview it in the browser, but it works. Here is the link to the site that I got the Gif it may help if you can at least see it. Thank you all again for the help....my site is not published yet. I was hopeing to have a little more done before publishing it because people click on the site daily.....

[COLOR=DarkRed]Welcome Link:[/COLOR]

http://www.grsites.com/modperl/viewgraphic.cgi?dir1=webgraphics&dir2=messages&dir3=welcome&filename=messages_welcome_030.gif&x=180&y=60

@konithomimoNov 11.2005 — #Just save the image (MESSAGES_WELCOME_030.GIF) to your webhost.

Then just put it in your code:

<img src="MESSAGES_WELCOME_030.GIF" name='welcome' width=300 height=200>

or you can do it without uploading it by putting it into your code like this:

<img src="http://www.grsites.com/webgraphics/messages/welcome/messages_welcome_030.gif" name='welcome' width=300 height=200>

@JPnycNov 11.2005 — #Is this an animated gif we're talking about? Do you get an error message on the script or does it just not execute? Because I've seen this kind of thing with scripting and animated gifs combined, especially on slower machines. A browser is a single threaded application and it has to run the gif animation constantly, as well as the script. I had this happen a while back. 2 animated gif flags that "waved" and a script that changed page backgrounds. When the script would run, the animations stopped.

@jenok2000authorNov 12.2005 — #This is a stumper...

KONITHOMIMO:

I Tried Your Code...It didn't work to the fact that the WELCOME was way large......

But.......... I messed and messed around with the code on the body...the <> code and I got both codes to work together....but the damn thing still won't work properly when I put it an 1/8th of an inch lower.....But I will take it....Thank you, it was orginal advise that helped me get there....Thank you, I messed with the body "onload" Advise!!!!! You guys are the best?

@konithomimoNov 12.2005 — #KONITHOMIMO:

I Tried Your Code...It didn't work to the fact that the WELCOME was way large....../QUOTE]

Then just change the width and height of it(the parts in red):

<i>
 </i>
 &lt;img src="MESSAGES_WELCOME_030.GIF" name='welcome' [COLOR=Red]width=300 height=200[/COLOR]&gt;
 
 or you can do it without uploading it by putting it into your code like this:
 
 &lt;img src="http://www.grsites.com/webgraphics/messages/welcome/messages_welcome_030.gif" name='welcome' [COLOR=Red]width=300 height=200[/COLOR]&gt;

Or remove the widths and heights and it will display in it original size. I just added in the widths and heights incase you wanted to make it larger or smaller than how it already is.

Also in #JavaScript _↴

This is not working. Why?I need a Slide Show Script Assign value attributes to an option

Success!

Help @jenok2000 spread the word by sharing this article on Twitter...

Tweet This

Multiple Scripts..and I am stumped..Help??

7 Comments(s) _↴

Also in #JavaScript _↴

Success!

Social

Version

Multiple Scripts..and I am stumped..Help??

7 Comments(s) ↴

Also in #JavaScript ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

7 Comments(s) _↴

Also in #JavaScript _↴