Codezwiz >> Forums >> Request a Script >> Anyone up for the challenge?

So, have I peaked your interest? Here it goes; I have two rolling scrollbars on the main page. What I have been looking for is a javascript that will take my first one (the Admin list) and be able to utilize the images and text at the same time so that they will show up, fade out and the next one comes up.

Kind of like the way it all appears now except it will not be rolling (scrolling?) through the list.

So far, I have been unsucessful in my search for such. I just don't like the fact that the admin list and the announcements list both scroll. PS - Kelly I noticed your announcement scrollbar that stops for a few in the center - very cool. Details, it's all in the details!!

!!

Here is the site [ Register or login to view links on this board.] and I do sincerely appreciate anyone taking the time to check it out.

Anyone?!.....aaaahhhhhhhhh

You can find all kinds of scrollers at [ Register or login to view links on this board.] .

The one I use is called Mike's DHTML scroller.

Kelly

Thanks Kelly - I might get extra adventurous and try to combine two scripts to achieve the effect I am looking for....although that may be to much brain excercise.

At the very least, I will use the image fading script and then just put text on the image (representing the admin's dollz name).

Thanks!

PS - I noticed that you had created your own background wallpaper - very nice! You go girl!

Okay, get out that magnifying glass!

Here is a "Flexi Slideshow" script that will give me the path to the image, a link if I want and most importantly a text description.

<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]=['ball.gif', '', '']
variableslide[1]=['spaceship.gif', 'http://www.space.com', 'Has aliens landed on earth? You decide.']
variableslide[2]=['cake.gif', '', '']

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

var slidewidth='130px' //set to width of LARGEST image in your slideshow
var slideheight='120px' //set to height of LARGEST iamge in your slideshow, plus any text detpircsion
var slidebgcolor='#F3F3F3'

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

Well, pooh. I don't know why the script isn't there but I can attach as a text file if anyone wishes.

I procured both scripts from Dynamic Drive.

Okay, so I gave up. Even when I split the word script, I still cannot post the code. So here are the files!

Not sure exactly what u r looking for Tuffy, but will try and help you succeed in finding that code. Question: Do you want something that fades the mini YIM status and the admins name in and out or something that Fades a picture, plus the above listed info?

Steve