Question
I experimented & experimented and found 3 javascripts that will work on ebay without any problems.
Slideshow script..
Code:
<form>
******** LANGUAGE="JavaScript">
<!-- Begin
NewImg = new Array (
"http://your image url #1 here",
"http://your image url #2 here",
"http://your image url #3 here",
"http://your image url #4 here"
);
var ImgNum = 0;
var ImgLength = NewImg.length - 1;
//Time delay between Slides in milliseconds
var delay = 3000;
var lock = false;
var run;
function chgImg(direction) {
if (document.images) {
ImgNum = ImgNum + direction;
if (ImgNum > ImgLength) {
ImgNum = 0;
}
if (ImgNum < 0) {
ImgNum = ImgLength;
}
document.slideshow.src = NewImg[ImgNum];
}
}
function auto() {
if (lock == true) {
lock = false;
window.clearInterval(run);
}
else if (lock == false) {
lock = true;
run = setInterval("chgImg(1)", delay);
}
}
// End -->
</script>
<img src="http://your image url #1 here" name="slideshow">
</p>
<div ALIGN="center">
<table>
<tr>
<td align="center">
<p ALIGN="center">
<a HREF="javascript:chgImg(-1)">Back
</a></td>
<td align="center"><b>
<a href="javascript:auto()">
<font COLOR="#715991">Auto/Stop</font></a></b></td>
<td align="center">
<a href="javascript:chgImg(1)">Next</a></td>
</tr>
</table></div>
<p>
<p>
</form>
This is for a 4 image slide show to do more images, just add them to the array.
I'll be posting an on-click and an onmouseover also.
Answer
I routinely add an email link to my eBay Store descriptions, and to my web pages, using a Javascript to thwart email addy mining robots.
This script has been set up for the email addy sweet at dreams.net and will come complete with a Subject Line "eBay Item -- Soft Pillow"
Edited to add: I note that even though *suzie-qs* and I have properly enclosed our code, the forum program is changing the terms > Script to ******** and the "at" character to * . If you want either of these scripts to work, you'll have to replace ******** with < Script and eliminate the space between < and Script , and for this one also replace the * in the "var mail" line with an "at" character.
Code:
******** language="Javascript">
<!--
var user = "sweet";
var domain = "dreams.net?subject=eBay Item -- Soft Pillow";
var mail = user + "*" + domain;
var message = "Email me";
document.write("<a href=\"mailto:"+mail+"\">"+message+"</a>");
//-->
</script>
To use it, simply divide your own email addy into its component parts and insert them into the code. And unless you happen to sell soft pillows, you better change that too. If you trust your correspondents to write their own Subject Line, which you will recognize as legitimate business email, you can also delete the terms
?subject=eBay Item -- Soft Pillow
but be careful NOT to delete or change any quotation marks or semicolons, because they are all a part of Javascript code.
All that you will see on the finished page is the phrase "Email me" and you can change that too if you wish, just remember not to alter the punctuation marks.
Answer
As promised, here's the code for the on click effect.
Code:
<TABLE border='0' cellpadding='0' cellspacing='0' width='100%'
style="border-collapse: collapse">
<TR valign=top><TD align=middle width='75%'>
<A
onclick="document.picture.src='your picture url&size=400'; return false;"
href="#" ;">
<img src="your picture url&size=140" hspace="1" vspace="4"
border="0"></a></TD></TR>
<TR valign=top><TD align=middle width='100%'>
<A
onclick="document.picture.src='your picture url&size=400'; return false;" href="#"
;">
<img src="your picture url&size=140" hspace="1" vspace="4"
border="0"></a></TD></TR>
<TR valign=top><TD align=middle width='100%'>
<A
onclick="document.picture.src='your picture url&size=400'; return false;" href="#"
;">
<img src="your picture url&size=140" hspace="1" vspace="4"
border="0"></a></TD></TR>
<TR valign=top><TD align=middle width='100%'>
<A
onclick="document.picture.src='your picture url&size=400'; return false;" href="#"
;">
<img src="your picture url&size=140" hspace="1" vspace="4"
border="0"></a></TD></TR>
<TR valign=top><TD align=middle width='100%'>
<A
onclick="document.picture.src='your picture url&size=400'; return false;" href="#"
;">
<img src="your picture url&size=140" hspace="1" vspace="4"
border="0"></a></TD></TR>
<TR valign=top><TD align=middle width='100%'>
<A
onclick="document.picture.src='your picture url&size=400'; return false;" href="#"
;">
<img src="your picture url&size=140" hspace="1" vspace="4"
border="0"></a></TD></TR>
</TABLE>
</TD>
<TD valign=top WIDTH='50%' bgcolor='#C5A183'>
<p align="center">
<IMG src="your picture url&size=400" name=picture width="400">
Onmouse over code..
Code:
<TABLE border='0' cellpadding='0' cellspacing='0' width='100%'
style="border-collapse: collapse">
<TR valign=top><TD align=middle width='75%'>
<A
onmouseover="document.picture.src='http://members.sparedollar.com/resiz
e.aspx?user=[#SDUSER]&img=[#IMAGENAME1]&size=400'; return false;"
href="#" ;">
<img src="http://members.sparedollar.com/resize.aspx?user=[#SDUSER]
&img=[#IMAGENAME1]&size=140" hspace="1" vspace="4"
border="0"></a></TD></TR>
<TR valign=top><TD align=middle width='100%'>
<A
onmouseover="document.picture.src='http://members.sparedollar.com/resiz
e.aspx?user=[#SDUSER]&img=[#IMAGENAME3]&size=400'; return false;"
href="#" ;">
<img src="http://members.sparedollar.com/resize.aspx?user=[#SDUSER]
&img=[#IMAGENAME3]&size=140" hspace="1" vspace="4"
border="0"></a></TD></TR>
<TR valign=top><TD align=middle width='100%'>
<A
onmouseover="document.picture.src='http://members.sparedollar.com/resiz
e.aspx?user=[#SDUSER]&img=[#IMAGENAME5]&size=400'; return false;"
href="#" ;">
<img src="http://members.sparedollar.com/resize.aspx?user=[#SDUSER]
&img=[#IMAGENAME5]&size=140" hspace="1" vspace="4"
border="0"></a></TD></TR>
<TR valign=top><TD align=middle width='100%'>
<A
onmouseover="document.picture.src='http://members.sparedollar.com/resiz
e.aspx?user=[#SDUSER]&img=[#IMAGENAME7]&size=400'; return false;"
href="#" ;">
<img src="http://members.sparedollar.com/resize.aspx?user=[#SDUSER]
&img=[#IMAGENAME7]&size=140" hspace="1" vspace="4"
border="0"></a></TD></TR>
<TR valign=top><TD align=middle width='100%'>
<A
onmouseover="document.picture.src='http://members.sparedollar.com/resiz
e.aspx?user=[#SDUSER]&img=[#IMAGENAME9]&size=400'; return false;"
href="#" ;">
<img src="http://members.sparedollar.com/resize.aspx?user=[#SDUSER]
&img=[#IMAGENAME9]&size=140" hspace="1" vspace="4"
border="0"></a></TD></TR>
<TR valign=top><TD align=middle width='100%'>
<A
onmouseover="document.picture.src='http://members.sparedollar.com/resiz
e.aspx?user=[#SDUSER]&img=[#IMAGENAME11]&size=400'; return false;"
href="#" ;">
<img src="http://members.sparedollar.com/resize.aspx?user=[#SDUSER]
&img=[#IMAGENAME11]&size=140" hspace="1" vspace="4"
border="0"></a></TD></TR>
</TABLE>
</TD>
<TD valign=top WIDTH='50%' bgcolor='#C5A183'>
<p align="center">
<IMG src="http://members.sparedollar.com/resize.aspx?user=[#SDUSER]
&img=[#IMAGENAME1]&size=400" name=picture width="400">
This is embedded script and doesn't need the script tags. These both work on ebay.
Here's some links to all 3 on the HTML Practice Board so you can see them work..
12 Image Slideshow
http://www.practiceboard.com/?214189
onclick effect layout..
http://www.practiceboard.com/?214197
onmouseover effect...
http://www.practiceboard.com/?214213
Click on the above links to see the code in action..
Please ignore any of my extraneous data. I use these on sparedollar as some of my templates.
Remember these will not be viewable long on ranchoweb, so check fast!
Also, these all work best with images the same size/shape.