PDA

View Full Version : DHTML Slide Show: how to turn OFF effects in IE?



geminiquiet
07-06-2006, 12:22 PM
1) Script Title: DHTML Slide Show Script

2) Script URL (on DD):
http://www.dynamicdrive.com/dynamicindex14/dhtmlslide.htm

3) Describe problem:

I would like to know how to turn off the transition special effects in IE so that the images simply go from one to the other as it appears in other browsers. I have seen threads here on how to select just one type of transition, but I don't want any at all. Kind of boring, yes, but that's what I'm going for.

Many thanks for any assistance.

ddadmin
07-06-2006, 04:56 PM
Sure, use the below modified version of the script for one that doesn't contain any transitional effects:


<html>
<head>

<script type="text/javascript">

/***********************************************
* DHTML slideshow script- &#169; Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice must stay intact for legal use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/

var photos=new Array()
var photoslink=new Array()
var which=0

//define images. You can have as many as you want:
photos[0]="photo1.jpg"
photos[1]="photo2.jpg"
photos[2]="photo3.jpg"

//Specify whether images should be linked or not (1=linked)
var linkornot=0

//Set corresponding URLs for above images. Define ONLY if variable linkornot equals "1"
photoslink[0]=""
photoslink[1]=""
photoslink[2]=""

//do NOT edit pass this line

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

function keeptrack(){
window.status="Image "+(which+1)+" of "+photos.length
}


function backward(){
if (which>0){
which--
document.images.photoslider.src=photos[which]
keeptrack()
}
}

function forward(){
if (which<photos.length-1){
which++
document.images.photoslider.src=photos[which]
keeptrack()
}
}

function transport(){
window.location=photoslink[which]
}

</script>

</head>

<body>

<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="100%" colspan="2" height="22"><center>
<script>
if (linkornot==1)
document.write('<a href="javascript:transport()">')
document.write('<img src="'+photos[0]+'" name="photoslider" border=0>')
if (linkornot==1)
document.write('</a>')
</script>
</center></td>
</tr>
<tr>
<td width="50%" height="21"><p align="left"><a href="#" onClick="backward();return false">Previous Slide</a></td>
<td width="50%" height="21"><p align="right"><a href="#" onClick="forward();return false">Next Slide</a></td>
</tr>
</table>

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

</body>
</html>