Codezwiz >> Forums >> Javascript Help >> I have set the variables, but I cannot get it to work!:evil:

Well, this more or less goes back to this post [ Register or login to view links on this board.] , but this is a new development.

I put all of the variables into the "flexi slideshow" script and yet no matter what I do, I cannot see anything. I saved and edited it as a text file, saved it as an html file, uploaded it to a webserver and yet the only thing that shows up is the "Free DHTML scripts provided by Dynamic Drive" - well at least THAT part works......

Please help; I am by no means a javascript expert - I thought I just had to put in my information and it would work. Yeah. Never can be that simple........

Here is the code:

<tpircs language="Javatpircs1.2">

/***********************************************
* Flexi Slideshow- � Dynamic Drive (www.dynamicdrive.com)
* This notice must stay intact for use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/

var variableslide=new Array()

//variableslide[x]=["path to image", "OPTIONAL link for image", "OPTIONAL text detpircsion (supports HTML tags)"]

variableslide[0]=['http://users.igl.net/itsthekid/dollz/LadyD.gif', '', '<Font size="4" face="papyrus"><Font color="CC33FF">LdyDLvsSpds']
variableslide[1]=['http://users.igl.net/itsthekid/dollz/Kid.gif', '', 'ItsTheKid686']
variableslide[2]=['http://users.igl.net/itsthekid/dollz/Kat.gif', '', 'skyspirritkat']
variableslide[3]=['http://users.igl.net/itsthekid/dollz/Stan.gif', '', 'uga212']
variableslide[4]=['http://users.igl.net/itsthekid/dollz/Gary.gif', '', 'Rawlng']
variableslide[5]=['http://users.igl.net/itsthekid/dollz/Chrissy.gif', '', 'Chrissym7329']

//configure the below 3 variables to set the dimension/background color of the slideshow

var slidewidth='150px' //set to width of LARGEST image in your slideshow
var slideheight='200px' //set to height of LARGEST iamge in your slideshow, plus any text detpircsion
var slidebgcolor='FFFFFF'

//configure the below variable to determine the delay between image rotations (in miliseconds)
var slidedelay=3000

////Do not edit pass this line////////////////

var ie=document.all
var dom=document.getElementById

for (i=0;i<variableslide.length;i++){
var cacheimage=new Image()
cacheimage.src=variableslide[i][0]
}

var currentslide=0

function rotateimages(){
contentcontainer='<center>'
if (variableslide[currentslide][1]!="")
contentcontainer+='<a href="'+variableslide[currentslide][1]+'">'
contentcontainer+='<img src="'+variableslide[currentslide][0]+'" border="0" vspace="3">'
if (variableslide[currentslide][1]!="")
contentcontainer+='</a>'
contentcontainer+='</center>'
if (variableslide[currentslide][2]!="")
contentcontainer+=variableslide[currentslide][2]

if (document.layers){
crossrotateobj.document.write(contentcontainer)
crossrotateobj.document.close()
}
else if (ie||dom)
crossrotateobj.innerHTML=contentcontainer
if (currentslide==variableslide.length-1) currentslide=0
else currentslide++
setTimeout("rotateimages()",slidedelay)
}

if (ie||dom)
document.write('<div id="slidedom" style="width:'+slidewidth+';height:'+slideheight+'; background-color:'+slidebgcolor+'"></div>')

function start_slider(){
crossrotateobj=dom? document.getElementById("slidedom") : ie? document.all.slidedom : document.slidensmain.document.slidenssub
if (document.layers)
document.slidensmain.visibility="show"
rotateimages()
}

if (ie||dom)
start_slider()
else if (document.layers)
window.onload=start_slider

</tpircs>

<ilayer id="slidensmain" width=&{slidewidth}; height=&{slideheight}; bgColor=&{slidebgcolor}; visibility=hide><layer id="slidenssub" width=&{slidewidth}; left=0 top=0></layer></ilayer>

<p align="center"><font face="Arial" size="-2">Free DHTML tpircss provided by<br>
<a href="http://www.dynamicdrive.com">Dynamic Drive</a></font></p>

could you upload the code and put a link to the page plz. the code you added here has spaces so I dont think that is what you have on your page

taut

It is [ Register or login to view links on this board.] .

I still never got it to work. The original source code is [ Register or login to view links on this board.] .

Thanks Taut - don't waste alot of time - I built my own that I have on my page - actually I would be more interested to know why an image slideshow javascript affects the scroller beneath it - but not on the original page; only when framed into cases' (gotta love those guys!)

Tuffy, if you notice on their site, even theirs don't "truly" work. there is no description that they claim. but also try removing the ending " " that is supposed to hold info for the line you are doing.

when I clicked the link for the page you had this code on, it was white.....lol. am glad you got it to work in another form or we could always get you another script to work with.

taut

LOL - I had myself cracking up with the script because no matter what I did I could not get it to work either. I viewed the source code on the DD site and I have no idea other than their stuff all being in the same directory is working.

Thanks for the script offer - but I think that you all have way cooler things to do with their time than that. I am happy with the script I built for the page - I have two questions if you or someone could answer for me:

1) The background for the iframe is tagged as transparent so I can have a "perfect" frame into cases' - so therefore the background shows through the slideshow even though the table box I have it in has a white background. I even tried to change the image to a white background to prevent the "transparent background" from coming through. Is there something else I could do or change to prevent that?

2) Although you look at the page on the igl server [ Register or login to view links on this board.] , the scroll box and images don't skip they do on the cases' site where the page is located [ Register or login to view links on this board.] . Is that just a cases' issue - lol - or something different?

Thanks Much and

the only way around the images having the transparency is by adding a white bg to the images themselves thus matching the td background you have.

as for the "skipping", I dont see the images skipping on both pages. the transition seems to be just fine. you rpage however is the one that is skipping, either from the the glow codes you've used or the mix of the scripts or flash that you have on the page. it could be that Case's server allotment for your site only allows so much....I cant be certain

taut

Thand You Very Much for your answer - As soon as I figure out the answer to the skipping I'll let y'all know

And I will change all the graphics on the image slideshow to a white bg

Yes, you were 100% correct there Miss Taut!

It was the glow code. I would have never thought that something as simple as that would create such drag and/or skipping.

And you know, even though the graphics in the slideshow are transparent I do not have to change them to have a white background. Now that the glow code is gone, the slideshow runs as it should. Who woulda thunk it. I would have sworn I would have had to change the pic background to be white! Of course, I might have changed them now that I think about it......Maybe?!

Thanks Much as Always - Glad that you are all here!