Академический Документы
Профессиональный Документы
Культура Документы
--
/*
another script from uncle jims web designs (www.jdstiles.com)
conveyor belt slideshow script-
� dynamic drive (www.dynamicdrive.com)
for full source code, 100's more dhtml scripts, and terms of use, visit
dynamicdrive.com
*/
var finalslide=''
leftrightslide[0]='<a href="hyperlink"><img src="image link" border=0>'
leftrightslide[1]='<a href="hyperlink"><img src="image link" border=0>'
leftrightslide[2]='<a href="hyperlink"><img src="image link" border=0>'
leftrightslide[3]='<a href="hyperlink"><img src="image link" border=0>'
leftrightslide[4]='<a href="hyperlink"><img src="image link" border=0>'
leftrightslide[5]='<a href="hyperlink"><img src="image link" border=0>'
leftrightslide[6]='<a href="hyperlink"><img src="image link" border=0>'
leftrightslide[7]='<a href="hyperlink"><img src="image link" border=0>'
leftrightslide[8]='<a href="hyperlink"><img src="image link" border=0>'
leftrightslide[9]='<a href="hyperlink"><img src="image link" border=0>'
leftrightslide[10]='<a href="hyperlink"><img src="image link" border=0>'
var copyspeed=slidespeed
leftrightslide='<nobr>'+leftrightslide.join()+'</nobr>'
var iedom=document.all||document.getelementbyid
if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-
100;left:-600">'+leftrightslide+'</span>')
var actualwidth=''
var cross_slide, ns_slide
function fillup(){
if (iedom){
cross_slide=document.getelementbyid? document.getelementbyid("test2") :
document.all.test2
cross_slide2=document.getelementbyid? document.getelementbyid("test3") :
document.all.test3
cross_slide.innerhtml=cross_slide2.innerhtml=leftrightslide
actualwidth=document.all? cross_slide.offsetwidth :
document.getelementbyid("temp").offsetwidth
cross_slide2.style.left=actualwidth+20
}
else if (document.layers){
ns_slide=document.ns_slidemenu.document.ns_slidemenu2
ns_slide2=document.ns_slidemenu.document.ns_slidemenu3
ns_slide.document.write(leftrightslide)
ns_slide.document.close()
actualwidth=ns_slide.document.width
ns_slide2.left=actualwidth+20
ns_slide2.document.write(leftrightslide)
ns_slide2.document.close()
}
lefttime=setinterval("slideleft()",30)
}
window.onload=fillup
function slideleft(){
if (iedom){
if (parseint(cross_slide.style.left)>(actualwidth*(-1)+8))
cross_slide.style.left=parseint(cross_slide.style.left)-copyspeed
else
cross_slide.style.left=parseint(cross_slide2.style.left)+actualwidth+30
if (parseint(cross_slide2.style.left)>(actualwidth*(-1)+8))
cross_slide2.style.left=parseint(cross_slide2.style.left)-copyspeed
else
cross_slide2.style.left=parseint(cross_slide.style.left)+actualwidth+30
}
else if (document.layers){
if (ns_slide.left>(actualwidth*(-1)+8))
ns_slide.left-=copyspeed
else
ns_slide.left=ns_slide2.left+actualwidth+30
if (ns_slide2.left>(actualwidth*(-1)+8))
ns_slide2.left-=copyspeed
else
ns_slide2.left=ns_slide.left+actualwidth+30
}
if (iedom||document.layers){
with (document){
document.write('<table width="600" border="0" cellspacing="0"
cellpadding="0"><td>')
if (iedom){
write('<div
style="position:relative;width:'+sliderwidth+';height:'+sliderheight+';overflow:hi
dden">')
write('<div
style="position:absolute;width:'+sliderwidth+';height:'+sliderheight+';background-
color:'+slidebgcolor+'" onmouseover="copyspeed=0"
onmouseout="copyspeed=slidespeed">')
write('<div id="test2" style="position:absolute;left:260;top:0"></div>')
write('<div id="test3" style="position:absolute;left:-1000;top:0"></div>')
write('</div></div>')
}
else if (document.layers){
write('<ilayer width='+sliderwidth+' height='+sliderheight+' name="ns_slidemenu"
bgcolor='+slidebgcolor+'>')
write('<layer name="ns_slidemenu2" left=0 top=0 onmouseover="copyspeed=0"
onmouseout="copyspeed=slidespeed"></layer>')
write('<layer name="ns_slidemenu3" left=0 top=0 onmouseover="copyspeed=0"
onmouseout="copyspeed=slidespeed"></layer>')
write('</ilayer>')
}
document.write('</td></table>')
}
//--></script>
----------------------------------------------------------------------------------
---------
2 example
<script>
// your images. you may add as many images as you like.
var imgname=new array("clock2","girl201","banner")
// your images width. you may add as many images as you like.
var imgw=new array("110","480","232")
// your images height. you may add as many images as you like.
var imgh=new array("208","280","73")
//place your pictures page here. the pound symbol allows the use of the anchor
name feature.
//so that the image can be brought forward when clicked on.
var imgurl="pics.html#"
//this array preloads the images so that they rotate at the proper speed on the
page.
var imgpreload=new array()
for (i=0;i<=imgname.length-1;i++) {
imgpreload[i]=new image()
imgpreload[i].src=imgname[i]
}
/*this function finds the location on the screen for the image scroller. it
does this by calculating the screen height
and width that is usable then dividing this by 2 so that the image will
center. it then subtracts half of the image
from the usable height and width of the screen and adds 20 to the height for
placement purposes.*/
function picturepos() {
imgheight=imgh[i]
imgwidth=imgw[i]
x_finalpos=((document.body.clientheight/2)-(imgheight/2)+20)
y_finalpos=((document.body.clientwidth/2)-(imgwidth/2))
}
//this function sets the timer on the image roller.and calls another function to
roll the image
function initiate() {
var timer=setinterval("swapimg()",2000)
}
//this function provides the names of the images that are being used by the
roller.
function swapimg(){
eval("document.all.div"+i_image+".style.display='none'")
if (i_image++>imgname.length-2) {i_image=0}
eval("document.all.div"+i_image+".style.display=''")
return(false)
}
</script>
<body></body>
<script>
if (document.all) {
for (i=0;i<=imgname.length-1;i++) {
picturepos()
document.write("<div id='div"+i+"'
style='position:absolute;top:"+x_finalpos+";left:"+y_finalpos+";display:none'><a
href='"+imgurl+imgname[i]+"' target='_blank'><img src='"+imgname[i]+".jpg'
border='0'></a></div>")
}
}
</script>
onload='initiate()'
----------------------------------------------------------------------------------
---
<head></head>
<script type="text/javascript"><!--
/*
_____________________________________
/�������������������������������������\
| another javascript from uncle jim |
| feel free to copy, use and change |
| this script as long as this part |
| remains unchanged. you can visit |
| my website at http://jdstiles.com |
| for more scripts like this one. |
| created: 1998 updated: 2006 |
\_____________________________________/
�������������������������������������
*/
ns4 = (document.layers) ? 1 : 0;
ie4 = (document.all) ? 1 : 0;
ver4 = (ns4 || ie4) ? 1 : 0;
var currecord = 1;
var maxrecords = arrecord.length-1;
var maxfields = arrecord[1].length-1;
function update() {
if (document.images) { document.images["impic"].src="cynic00" +
currecord + ".jpg" };
if (!ver4) { return };
for (i=1; i<=maxfields; i++) {
if (ns4) {
whichel = eval("document.elfield" + i + ".document");
with (whichel) {
open();
write("<b>" + arrecord[currecord][i] + "</b>");
close();
}
}
else {
whichel = eval("document.all.elfield" + i);
whichel.innerhtml = "<b>" + arrecord[currecord][i] + "</b>";
}
}
}
function shownext() {
currecord = (currecord < maxrecords) ? ++currecord : 1;
update();
}
function showprev() {
currecord = (currecord > 1) ? --currecord : maxrecords;
update();
}
//-->
</script>
<body></body>
<div align="center">
<table border="0" width="500">
<tr>
<td width="200" valign="top">
<img name="impic" src="cynic001.jpg" width=200 height=150 hspace=10 align=left>
</td>
<td width="300" valign="top">
c.i.d. number: <span id="elfield1" style="position: absolute"></span><br>
suspect name: <span id="elfield2" style="position: absolute"></span><br>
race and sex: <span id="elfield3" style="position: absolute"></span><br>
date of birth: <span id="elfield4" style="position: absolute"></span><br>
charges: <span id="elfield5" style="position: absolute"></span><br>
comments: <span id="elfield6" style="position: absolute"></span><br><br>
<a href="javascript:showprev()">previous</a> || <a
href="javascript:shownext()">next</a>
</td></tr></table></div><br>
<head></head>
<script type="text/javascript"><!--
/*
_____________________________________
/�������������������������������������\
| another javascript from uncle jim |
| feel free to copy, use and change |
| this script as long as this part |
| remains unchanged. you can visit |
| my website at http://jdstiles.com |
| for more scripts like this one. |
| created: 1998 updated: 2006 |
\_____________________________________/
�������������������������������������
*/
prev1 = new image (32,18);
prev1.src = "prev1.jpg";
prev2 = new image (32,18);
prev2.src = "prev2.jpg";
maxpic = 5;
count = 1;
function next() {
count++;
if (count > maxpic) {
count = 1;
}
eval("document.p.src=p" + count + ".src");
}
function back() {
count--;
if (count == 0) {
count = maxpic;
}
eval("document.p.src=p" + count + ".src");
}
function link() {
location.href=eval("link" + count);
}
// end -->
</script>
<body></body>
--------------------------------------------------------------------
insert inside body: <body></body>
<script type="text/javascript">
// credits:
// random order slideshow with messages
// concept by urs dudli and peter gehrig
// rewritten for this site by jim stiles www.jdstiles.com
///////////////////////////////////////////////////////////////////////////
// configuration starts here
///////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////
// configuration ends here
///////////////////////////////////////////////////////////////////////////
var topdivheight=imageheight+40
var ns6=document.getelementbyid&&!document.all?1:0
var standstill=standstill*1000
function init() {
firstslide=true
i_imgs=0
i_loop=0
i_preloadloop=randommaker(slideshowlength)
if (timerrotate) {
cleartimeout(timerrotate)
cleartimeout(timercheck)
}
imgurl=new array
message=new array
for (i=0;i<=slideshow.length-1;i++) {
imgurlandmessage=slideshow[i].split("|")
imgurl[i]=imgurlandmessage[0]
message[i]=imgurlandmessage[1]
}
if (document.all) {
imgs.innerhtml=""
mes.innerhtml=""
document.all.imgs.style.postop=imgstop
document.all.imgs.style.posleft=imgsleft
document.all.mes.style.postop=mestop
document.all.mes.style.posleft=mesleft
checkpreloadtime()
preloadimage()
checkifloaded()
}
if (ns6) {
document.getelementbyid('imgs').innerhtml=""
document.getelementbyid('mes').innerhtml=""
document.getelementbyid('imgs').style.top=imgstop
document.getelementbyid('imgs').style.left=imgsleft
document.getelementbyid('mes').style.top=mestop
document.getelementbyid('mes').style.left=mesleft
checkpreloadtime()
preloadimage()
checkifloaded()
}
if (document.layers) {
document.topdiv.document.imgs.document.write("")
document.topdiv.document.imgs.document.close()
document.topdiv.document.mes.document.write("")
document.topdiv.document.mes.document.close()
document.topdiv.document.imgs.top=imgstop
document.topdiv.document.imgs.left=imgsleft
document.topdiv.document.mes.top=mestop
document.topdiv.document.mes.left=mesleft
checkpreloadtime()
preloadimage()
checkifloaded()
}
}
function checkifloaded() {
if (imgpreload.complete) {
nowtime=new date()
nowtime=nowtime.gettime()
nowtime=nowtime-starttime
var interval=standstill-nowtime
if (interval<=0 ) {
interval=1
}
if (firstslide) {
interval=1
firstslide=false
}
if (i_preloadloop==i_loop) {
interval=1
}
timerrotate=settimeout("rotateimages()", interval)
}
else {
timercheck=settimeout("checkifloaded()", 100)
}
}
function preloadimage() {
imgpreload=new image()
imgpreload.src=imgurl[i_preloadloop]
}
function rotateimages() {
i_loop=i_preloadloop
i_preloadloop=randommaker()
checkpreloadtime()
preloadimage()
getcontent()
if (document.all) {
imgs.filters[i_transition].apply()
imgs.innerhtml=contentimg
imgs.filters[i_transition].play()
i_transition++
if (i_transition>21) {i_transition=0}
mes.innerhtml=contentmes
}
if (ns6) {
document.getelementbyid('imgs').innerhtml=contentimg
document.getelementbyid('mes').innerhtml=contentmes
}
if (document.layers) {
document.topdiv.document.imgs.document.write(contentimg)
document.topdiv.document.imgs.document.close()
document.topdiv.document.mes.document.write(contentmes)
document.topdiv.document.mes.document.close()
}
i_loop++
checkifloaded()
}
function randommaker() {
rand=math.floor(slideshowlength*math.random())
return rand
function getcontent() {
contentimg="<img src='"+imgurl[i_loop]+"'>"
contentmes="<table cellpadding=2 cellspacing=0 border=0 bgcolor="+bgrndcolor+"
width="+imagewidth+"><tr><td><font size="+fntsize+" color="+fntcolor+"
face="+fntfamily+">"+message[i_loop]+"</font></td></tr></table>"
}
if (document.all) {
document.write('<div id="topdiv"
style="position:relative;width:'+imagewidth+'px;height:'+topdivheight+'px">')
document.write('<div id="mes" style="position:absolute;"> </div>')
document.write('<div id="imgs" style="position:absolute;filter:
revealtrans(transition=1, duration=2) revealtrans(transition=2, duration=2)
revealtrans(transition=3, duration=2) revealtrans(transition=4, duration=2)
revealtrans(transition=5, duration=1) revealtrans(transition=6, duration=2)
revealtrans(transition=7, duration=2) revealtrans(transition=8, duration=1)
revealtrans(transition=9, duration=2) revealtrans(transition=10, duration=1)
revealtrans(transition=11, duration=2) revealtrans(transition=12, duration=2)
revealtrans(transition=13, duration=1) revealtrans(transition=14, duration=2)
revealtrans(transition=15, duration=2) revealtrans(transition=16 duration=1)
revealtrans(transition=17, duration=2) revealtrans(transition=18, duration=2)
revealtrans(transition=19, duration=1) revealtrans(transition=20, duration=2)
revealtrans(transition=21, duration=2) revealtrans(transition=22, duration=2)">
</div>')
document.write('</div>')
}
if (ns6) {
document.write('<div id="topdiv"
style="position:relative;width:'+imagewidth+'px;height:'+topdivheight+'px">')
document.write('<div id="mes" style="position:absolute;"> </div>')
document.write('<div id="imgs" style="position:absolute;"> </div>')
document.write('</div>')
}
if (document.layers) {
document.write('<ilayer name="topdiv" width='+imagewidth+'
height='+topdivheight+'>')
document.write('<layer name="mes"> </layer>')
document.write('<layer name="imgs"> </layer>')
document.write('</ilayer>')
}
function checkpreloadtime() {
starttime= new date()
starttime=starttime.gettime()
}
function checktime() {
window.onresize=new function("window.location.reload()");
window.onload=init
</script>
------------------------------------------------------------
<head></head>
<script type="text/javascript"><!--
/*
______________________________________________________
/������������������������������������������������������\
| another javascript from uncle jim |
| |
| feel free to copy, use and change this script as |
| long as this part remains unchanged. |
| |
| visit my website at http://www.jdstiles.com |
| for more scripts like this one |
| |
| created: 1996 |
| last updated: december, 2005 |
\______________________________________________________/
������������������������������������������������������
*/
var pictures = new array
("http://yourdomaincom/pic/centerpicture.jpg","http://yourdomain.com/pic/picture2.
jpg","http://yourdomain.com/pic/picture3.jpg",
"http://yourdomain.com/pic/picture4.jpg","http://yourdom
ain.com/pic/picture5.jpg","http://yourdomain.com/pic/picture6.jpg",
"http://yourdomain.com/pic/picture7.jpg","http://yourdom
ain.com/pic/picture8.jpg");
var picturenumber = 0;
var totalnumber = pictures.length;
function previous(){
if (document.images){
if (picturenumber > 0) picturenumber--
else
picturenumber = totalnumber-1
document.images.slides.src = pictures[picturenumber]
}
}
function next(){
if (document.images){
if (picturenumber < totalnumber-1) picturenumber++
else
picturenumber = 0
document.images.slides.src = pictures[picturenumber]
}
}
//--></script>
<body></body>
--------------------------------------------------------------------------
<body></body>
<script type="text/javascript"><!--
/*
______________________________________________________
/������������������������������������������������������\
| another javascript from uncle jim |
| |
| feel free to copy, use and change this script as |
| long as this part remains unchanged. |
| |
| visit my website at http://www.jdstiles.com |
| for more scripts like this one |
| |
| created: 1996 |
| last updated: december, 2005 |
\______________________________________________________/
������������������������������������������������������
*/
//configure the below variable to determine the delay between image rotations (in
miliseconds)
var slidedelay=3000
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
//--></script>
<ilayer id="slidensmain" width=&{slidewidth}; height=&{slideheight};
bgcolor=&{slidebgcolor}; visibility=hide><layer id="slidenssub"
width=&{slidewidth}; left=0 top=0></layer></ilayer>