Sign Up! Login: Password: New User? Forgot? Support
Top Mods!
Wowhead Search
by sonofsamedi
Digital Clock
by Wolfar15
Admin Forums
Welcome to the GuildPortal Help Community! These forums are for admin-to-admin help.
Available Forums
Forums : Pimp My Site! > Multiple Banner Images
Guppy Queen (New Admin) 5/29/2006 6:25 AM EST : RE: Multiple Banner Images
Guppy Queen
Posts: 41034
Zomgawsh Poster

Very nice, thanks for the code Sadia
TopBottom

537125913_Inactive (New Admin) 5/31/2006 1:20 PM EST : RE: Multiple Banner Images
537125913_Inactive
Posts: 1556
Zomgawsh Poster

Heres a link to a java script, slideshow effect

http://javascript.internet.com/image-effects/js-slideshow-script--ii.html
here is the code for the slide show

just add the url for your pictures, and you can add as many as you like just continue the "Pic[10] = 'http://img.jpg'" code by changing the Pic #


 
thanks to Balezebop for the assistance.
<HEAD>

 

 

var slideShowSpeed = 5000

 

var crossFadeDuration = 3

 

 

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

 

Pic[0] = 'http://img.jpg'

Pic[1] = 'http://img.jpg'

Pic[2] = 'http://img.jpg'

Pic[3] = 'http://img.jpg'

Pic[4] = 'http://img.jpg'

Pic[5] = 'http://img.jpg'

Pic[6] = 'http://img.jpg'

Pic[7] = 'http://img.jpg'

Pic[8] = 'http://img.jpg'

Pic[9] = 'http://img.jpg'

Pic[10] = 'http://img.jpg'


var t

var j = 0

var p = Pic.length

 

var preLoad = new Array()

for (i = 0; i < p; i++){

   preLoad = new Image()

   preLoad.src = Pic

}

 

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>

<BODY ="runSlideShow()">

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

<tr>

<td id="VU" height=150 width=150>

<img src="slideshow1_1.jpg" name='SlideShow' width=450 height=350></td>

</tr>

</table>


</HEAD>

TopBottom

Admins Online
There are   members online.
So-and-so has logged on!
%title%
%message%