Forum Moderators: open

Message Too Old, No Replies

Image swapping

         

kosar

3:40 pm on Dec 29, 2003 (gmt 0)

10+ Year Member



This script swaps text only, i need it to swap images with a link onclick, i also need it to work without a timeout. Can anyone help?

<SCRIPT LANGUAGE="JavaScript">

<!-- Begin
var qiksearch_js_text = new Array ("Hey Now!", "", "", "");
var qiksearch_space_width = 390; // The width of the content space
var qiksearch_space_height = 50; // The height of the content space
var qiksearch_space_borderw=3; // Border width
var qiksearch_space_borderc="#CC0000"; // Border Color
var timeOutVal=150; // Delay in milliseconds

document.write('<table width="' + qiksearch_space_width + '" height="' + qiksearch_space_height + '" style="background:#FFFFFF; border:' + qiksearch_space_borderw + ' solid ' + qiksearch_space_borderc + '"><tr><td align="middle">');
document.write('<div id="qiksearch_js_space">');
document.write('</div>');
document.write('</td></tr></table>');

var def_10='A',def_11='B',def_12='C',def_13='D',def_14='E',def_15='F';
var colorVal=15;
var div_count=0;

function qiksearch_fade_desat(getColorIntVal)
{
var returnVal;
if(getColorIntVal>=10)
{
for(var i=0; i<=15; i++)
{
if((getColorIntVal==i))
{
returnVal = eval('def_' + i);
}
}
}
else
{
returnVal=getColorIntVal;
}
return(returnVal);
}

function writeDiv()
{
document.all.qiksearch_js_space.innerHTML= '<font face="verdana,arial,helvetica" size="-1" color="' + joinColor(qiksearch_fade_desat(colorVal)) + '"><b>' + qiksearch_js_text[div_count] + '</span></b></font>' ;

if((colorVal>0) && (colorVal!=0))
{
colorVal--;
}
else
{
colorVal=15;
if(div_count<qiksearch_js_text.length)
{
div_count++;
}
if(div_count==qiksearch_js_text.length)
{
document.all.qiksearch_js_space.innerHTML = '<a href="javascript:resetAll();writeDiv();" style="text-decoration:none" accesskey="l"><font color="#808080" face="verdana,arial,helvetica" size="-1"><b>P<u>l</u>ay Again <font color="#CC0000">»</font></b></font></a>';
}
}

if(div_count<qiksearch_js_text.length)
{
setTimeout("writeDiv()",timeOutVal);
}
}

function joinColor(getColor)
{
return (getColor + '0' + getColor + '0' + getColor + '0');
}

function resetAll()
{
div_count=0;
colorVal=15;
}

writeDiv();
// End -->
</script>

RonPK

10:30 pm on Dec 29, 2003 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Set the timeOutVal to 0 - that answers part of your request. Now let's hope someone shows up who fancies rewriting your script entirely. What have you tried yourself?

CloudLong

11:14 pm on Dec 29, 2003 (gmt 0)

10+ Year Member



I'm not sure is this kind of swap image that you like. since you don't specify how many image you want to swap, I assume it is 2. Click the link, then the image will swap. click again, it will swap to original one.

<html>
<head>
<!--
Code By "CodeFreak" Cloud - codefreak.proboards19.com - 2003
You may leave this part of code intact to show your gratitude or remove it
-->
<script language=javascript>
var x=0;
function swapimage()
{
if(x%2==0)
{
document.images['swapyou'].src="staycoolball.jpg";
x=x+1;
}
else
{
document.images['swapyou'].src="sign.jpg";
x=x+1;
}
}
</script>
</head>
<body>
<img src="sign.jpg" name="swapyou">
<a href="javascript:void(0);" onclick="swapimage();">Swap Me</a>
</body>
</html>

EDIT: If you want more image, tell me the exact number of image you want to swap and I'll post the new function for it.

kosar

3:08 pm on Dec 30, 2003 (gmt 0)

10+ Year Member



thanks