image flip and effects

liunx · Jan 9, 2008

can someone please tell me how i can add get this effect with 10 of my own images thanks ..here is the link that has the image flip and effect that i want to add to my page. <a class="postlink" href="http://gil.davis.home.att.net/revealtrans3.htm">http://gil.davis.home.att.net/revealtrans3.htm</a>umm that page is all messed up. the script has errors and teh page is not setup correctly. it is missing body tags and html tags. 
 
hope this is not yours

no its not my , buts its an example of what i want to do with my images on my page...would u know how i could do this....I have no idea what it is becasue it is all messed up and it doesn't work.It is right there in the script. Just use the script. Look at this part: 
for (var i=0; i<6; i++) 
{imgAry = new Image(); 
imgAry.src = <a class="postlink" href="http://www.htmlforums.com/archive/index.php/">http://www.htmlforums.com/archive/index.php/</a>"picture" + (i + 1) + ".jpg"; 
} 
 
You simply put 6 images into the folder where the script is: name them picture1.jpg, picture2.jpg,...,picture6.jpg 
 
Which rose is this ?? I can see it is a red Hybrid Tea, but which one ?? Ingrid Bergman ? Mr. Lincoln ? Royal William ? Kardinal ? Fragrant Cloud ? .. tell us !!! 
 
 
<head> 
<SCRIPT> 
var agt = navigator.userAgent.toLowerCase(); 
var is_major = parseInt(navigator.appVersion); 
var is_ie = (agt.indexOf("msie") != -1); 
var is_ie4 = (is_ie && (is_major == 4)); 
var is_ie4up = (is_ie && (is_major >= 4)); 
var _filter = 23; 
imgAry = new Array(); 
for (var i=0; i<6; i++) 
{imgAry = new Image(); 
imgAry.src = <a class="postlink" href="http://www.htmlforums.com/archive/index.php/">http://www.htmlforums.com/archive/index.php/</a>"picture" + (i + 1) + ".jpg";} 
which = 0; 
filterAry = new Array(); 
filterAry[0] = "DXImageTransform.Microsoft.Iris(irisstyle='SQUARE', motion='in')"; 
filterAry[1] = "DXImageTransform.Microsoft.Iris(irisstyle='SQUARE', motion='out')"; 
filterAry[2] = "DXImageTransform.Microsoft.Iris(irisstyle='CIRCLE', motion='in')"; 
filterAry[3] = "DXImageTransform.Microsoft.Iris(irisstyle='CIRCLE', motion='out')"; 
filterAry[4] = "DXImageTransform.Microsoft.Blinds(direction='up', bands=1)"; 
filterAry[5] = "DXImageTransform.Microsoft.Blinds(direction='down', bands=1)"; 
filterAry[6] = "DXImageTransform.Microsoft.Blinds(direction='right', bands=1)"; 
filterAry[7] = "DXImageTransform.Microsoft.Blinds(direction='left', bands=1)"; 
filterAry[8] = "DXImageTransform.Microsoft.Blinds(direction='right')"; 
filterAry[9] = "DXImageTransform.Microsoft.Blinds(direction='down')"; 
filterAry[10] = "DXImageTransform.Microsoft.CheckerBoard(direction='right')"; 
filterAry[11] = "DXImageTransform.Microsoft.CheckerBoard(direction='down')"; 
filterAry[12] = "DXImageTransform.Microsoft.RandomDissolve"; 
filterAry[13] = "DXImageTransform.Microsoft.Barn(orientation='vertical', motion='in')"; 
filterAry[14] = "DXImageTransform.Microsoft.Barn(orientation='vertical', motion='out')"; 
filterAry[15] = "DXImageTransform.Microsoft.Barn(orientation='horizontal', motion='in')"; 
filterAry[16] = "DXImageTransform.Microsoft.Barn(orientation='horizontal', motion='out')"; 
filterAry[17] = "DXImageTransform.Microsoft.Strips(motion='leftdown')"; 
filterAry[18] = "DXImageTransform.Microsoft.Strips(motion='leftup')"; 
filterAry[19] = "DXImageTransform.Microsoft.Strips(motion='rightdown')"; 
filterAry[20] = "DXImageTransform.Microsoft.Strips(motion='rightup')"; 
filterAry[21] = "DXImageTransform.Microsoft.RandomBars(orientation='horizontal')"; 
filterAry[22] = "DXImageTransform.Microsoft.RandomBars(orientation='vertical')"; 
filterAry[23] = ""; 
var obj = null; 
 
function getRandom() { 
return Math.floor(Math.random() * 23); 
} 
 
function igo() { 
which = (which + 1) % imgAry.length; 
if (is_ie4up) 
{if (document.getElementById) 
{if (_filter == "23") 
{obj.style.filter = "progid:" + filterAry[getRandom()];} 
else 
{obj.style.filter = "progid:" + filterAry[Number(_filter)];} 
} 
else 
{obj.filters.revealTrans.transition = _filter;} 
obj.filters[0].Apply(); 
obj.src = <a class="postlink" href="http://www.htmlforums.com/archive/index.php/imgAry">http://www.htmlforums.com/archive/index.php/imgAry</a>[which].src; 
obj.filters[0].Play();} 
else 
{document.i1.src = <a class="postlink" href="http://www.htmlforums.com/archive/index.php/imgAry">http://www.htmlforums.com/archive/index.php/imgAry</a>[which].src;} 
setTimeout("igo()", 2000); 
} 
 
function start() { 
if (is_ie4up) 
{if (document.getElementById) 
{obj = document.getElementById("i1") 
obj.style.filter = "progid:" + filterAry[getRandom()];} 
else 
{obj = document.all["i1"]; 
obj.style.filter = "revealTrans(duration=1, transition=23)";} 
} 
setTimeout("igo()", 1000); 
} 
 
function changeFilter(it) { 
_filter = it.options[it.selectedIndex].value; 
} 
</SCRIPT> 
</head> 
<body onload="start()"> 
<table width=100% height=100%> 
<tr valign="center"> 
<th><img name="i1" id="i1" src=http://www.htmlforums.com/archive/index.php/"picture6.jpg"></th> 
</tr> 
</table> 
</body>Not sure what roses they are kdjoergensen not my page i just like the effect..Thanks for helping me out with the last post..Just 2 other questions if i may if i wanted to only have 1 effect on the pictures not 23 randon ones as it current is how would i do this and which part do i edit to incress the time intervals say to 3 secs between each picture b4 the next picture loads........ thanks

image flip and effects

liunx

Guest