PDA

View Full Version : Rotating logos in specific location


snicky
07-26-2005, 09:50 AM
I've got a rotating image script that works great, but how do I target a certain table cell in my layout so the logos rotate in that specific spot? Thanks in advance.

_Aerospace_Eng_
07-26-2005, 10:00 AM
can you show us the script and your code to your page? If its using document.writes it could be just as easy to put it in the cell that you want the images to be in.

snicky
07-26-2005, 10:09 AM
here is the script:

/***********************************************
* Fade-in image slideshow script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

var slideshow_width='337px' //SET IMAGE WIDTH
var slideshow_height='108px' //SET IMAGE HEIGHT
var pause=3000 //SET PAUSE BETWEEN SLIDE (3000=3 seconds)

var fadeimages=new Array()
//SET 1) IMAGE PATHS, 2) optional link, 3), optional link target:
fadeimages[0]=["file:///Users/mandyvanhaitsma/Documents/Resolution%20Systems_website/RSI_website/Homepage/home_images/Javascript_Logos/agilent.jpg", "", ""] //plain image syntax
fadeimages[1]=["file:///Users/mandyvanhaitsma/Documents/Resolution%20Systems_website/RSI_website/Homepage/home_images/Javascript_Logos/alltech.jpg", "http://www.alltech.com", ""] //image with link syntax
fadeimages[2]=["file:///Users/mandyvanhaitsma/Documents/Resolution%20Systems_website/RSI_website/Homepage/home_images/Javascript_Logos/apricot.jpg", "http://www.apricotdesigns.com", "_new"] //image with link and target syntax

////NO need to edit beyond here/////////////

var preloadedimages=new Array()
for (p=0;p<fadeimages.length;p++){
preloadedimages[p]=new Image()
preloadedimages[p].src=fadeimages[p][0]
}

var ie4=document.all
var dom=document.getElementById

if (ie4||dom)
document.write('<div style="position:relative;width:'+slideshow_width+';height:'+slideshow_height+';overflow:hidden"><div id="canvas0" style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';top:0;left:0;filter:alpha(op acity=10);-moz-opacity:10"></div><div id="canvas1" style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';top:0;left:0;filter:alpha(op acity=10);-moz-opacity:10;visibility: hidden"></div></div>')
else
document.write('<img name="defaultslide" src="'+fadeimages[0][0]+'">')

var curpos=10
var degree=10
var curcanvas="canvas0"
var curimageindex=0
var nextimageindex=1

function fadepic(){
if (curpos<100){
curpos+=10
if (tempobj.filters)
tempobj.filters.alpha.opacity=curpos
else if (tempobj.style.MozOpacity)
tempobj.style.MozOpacity=curpos/101
}
else{
clearInterval(dropslide)
nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1"
tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)
tempobj.innerHTML=insertimage(nextimageindex)
nextimageindex=(nextimageindex<fadeimages.length-1)? nextimageindex+1 : 0
var tempobj2=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)
tempobj2.style.visibility="hidden"
setTimeout("rotateimage()",pause)
}
}

function insertimage(i){
var tempcontainer=fadeimages[i][1]!=""? '<a href="'+fadeimages[i][1]+'" target="'+fadeimages[i][2]+'">' : ""
tempcontainer+='<img src="'+fadeimages[i][0]+'" border="0">'
tempcontainer=fadeimages[i][1]!=""? tempcontainer+'</a>' : tempcontainer
return tempcontainer
}

function rotateimage(){
if (ie4||dom){
resetit(curcanvas)
var crossobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
crossobj.style.zIndex++
tempobj.style.visibility="visible"
var temp='setInterval("fadepic()",50)'
dropslide=eval(temp)
curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0"
}
else
document.images.defaultslide.src=fadeimages[curimageindex][0]
curimageindex=(curimageindex<fadeimages.length-1)? curimageindex+1 : 0
}

function resetit(what){
curpos=10
var crossobj=ie4? eval("document.all."+what) : document.getElementById(what)
if (crossobj.filters)
crossobj.filters.alpha.opacity=curpos
else if (crossobj.style.MozOpacity)
crossobj.style.MozOpacity=curpos/101
}

function startit(){
var crossobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
crossobj.innerHTML=insertimage(curimageindex)
rotateimage()
}

if (ie4||dom)
window.onload=startit
else
setInterval("rotateimage()",pause)

snicky
07-26-2005, 10:10 AM
How do I insert an iframe, the code to my homepage is just ungodly long....

_Aerospace_Eng_
07-26-2005, 10:18 AM
The script goes where ever you want it to appear. Insert an iframe you mean to post your code?
[ code][ /code] no spaces or do you mean an iframe into your own page?

snicky
07-26-2005, 11:53 AM
an iframe to post my code on this message board... I'm new to using Javascript, so tell me if I understand correctly that I take that big script and plop it in the cell I want? Doesn't something have to go in the head of the page?

_Aerospace_Eng_
07-26-2005, 05:45 PM
Not not all javascript has to go in the head tags, many document.writes go in the body. And yes you got the right idea and I already told you have to get your code in a box the scrolls use the [ code][ /code] tags no spaces.