Hello,
I am trying to create a slideshow with Javascript and found the script
below, which is very nice. The only thing I want is to add a
description to every image that appears in the slideshow, the script
below only show the full sized image.
Does anybody have an idea if that is possible using this script, or
does anybody have another script which lets me do that ?
Thanks a bunch in advance for your help !
<SCRIPT LANGUAGE="JavaS cript" TYPE="text/javascript">
<!--
// canManipulateIm ages - check if the browser we're using can do
// clever stuff with document images.
function canManipulateIm ages() {
if (document.image s)
return true;
else
return false;
}
// loadPosterImage
function loadPosterImage (imageURL) {
if (gImageCapableB rowser) {
document.imageP oster.src = imageURL;
return false;
}
else {
return true;
}
}
// gImageCapableBr owser - is this browser hip to images? Set up
// a global variable so that we don't have to keep calling a function
// (useful if the function becomes costly to compute).
gImageCapableBr owser = canManipulateIm ages();
// -->
</SCRIPT>
<TABLE CELLPADDING=10 CELLSPACING=5 WIDTH="95%" ALIGN=CENTER>
<TR>
<TD VALIGN=TOP ALIGN=CENTER>
<A HREF="inline/imageNaiad.jpg"
onClick="return (loadPosterImag e('inline/imageNaiad.jpg' ))">
<IMG SRC="inline/imageNaiadSmall .jpg"
ALT="Naiad" BORDER=0 ALIGN=TOP WIDTH=56 HEIGHT=75></A>
<P CLASS="thumbcap tion">Naiad Beauty Products</P>
</TD>
<TD VALIGN=TOP ALIGN=CENTER>
<A HREF="inline/imageAdonis.jpg "
onClick="return (loadPosterImag e('inline/imageAdonis.jpg '))">
<IMG SRC="inline/imageAdonisSmal l.jpg"
ALT="Adonis" BORDER=0 ALIGN=TOP WIDTH=56 HEIGHT=75></A>
<P CLASS="thumbcap tion">Bronze Adonis</P>
</TD>
<TD WIDTH=250 VALIGN=TOP ALIGN=CENTER ROWSPAN=3>
<IMG SRC="inline/imageNaiad.jpg" NAME="imagePost er"
ALT="Naiad" ALIGN=TOP WIDTH=225 HEIGHT=300>
</TD>
</TR>
<TR>
<TD VALIGN=TOP ALIGN=CENTER>
<A HREF="inline/imageRodin.jpg"
onClick="return (loadPosterImag e('inline/imageRodin.jpg' ))">
<IMG SRC="inline/imageRodinSmall .jpg"
ALT="Rodin" BORDER=0 ALIGN=TOP WIDTH=56 HEIGHT=75></A>
<P CLASS="thumbcap tion">Rodin Consulting</P>
</TD>
<TD VALIGN=TOP ALIGN=CENTER>
<A HREF="inline/imageSwami.jpg"
onClick="return (loadPosterImag e('inline/imageSwami.jpg' ))">
<IMG SRC="inline/imageSwamiSmall .jpg"
ALT="Swami" BORDER=0 ALIGN=TOP WIDTH=56 HEIGHT=75></A>
<P CLASS="thumbcap tion">Swami Academy</P>
</TD>
</TR>
<TR>
<TD VALIGN=TOP ALIGN=CENTER>
<A HREF="inline/imagePassion.jp g"
onClick="return (loadPosterImag e('inline/imagePassion.jp g'))">
<IMG SRC="inline/imagePassionSma ll.jpg"
ALT="Passion" BORDER=0 ALIGN=TOP WIDTH=56 HEIGHT=75></A>
<P CLASS="thumbcap tion">Plastic Passion</P>
</TD>
<TD VALIGN=TOP ALIGN=CENTER>
<A HREF="inline/imageAtlas.jpg"
onClick="return (loadPosterImag e('inline/imageAtlas.jpg' ))">
<IMG SRC="inline/imageAtlasSmall .jpg"
ALT="Atlas" BORDER=0 ALIGN=TOP WIDTH=56 HEIGHT=75></A>
<P CLASS="thumbcap tion">Atlas Removals</P>
</TD>
</TR>
</TABLE>
Regards,
GP
I am trying to create a slideshow with Javascript and found the script
below, which is very nice. The only thing I want is to add a
description to every image that appears in the slideshow, the script
below only show the full sized image.
Does anybody have an idea if that is possible using this script, or
does anybody have another script which lets me do that ?
Thanks a bunch in advance for your help !
<SCRIPT LANGUAGE="JavaS cript" TYPE="text/javascript">
<!--
// canManipulateIm ages - check if the browser we're using can do
// clever stuff with document images.
function canManipulateIm ages() {
if (document.image s)
return true;
else
return false;
}
// loadPosterImage
function loadPosterImage (imageURL) {
if (gImageCapableB rowser) {
document.imageP oster.src = imageURL;
return false;
}
else {
return true;
}
}
// gImageCapableBr owser - is this browser hip to images? Set up
// a global variable so that we don't have to keep calling a function
// (useful if the function becomes costly to compute).
gImageCapableBr owser = canManipulateIm ages();
// -->
</SCRIPT>
<TABLE CELLPADDING=10 CELLSPACING=5 WIDTH="95%" ALIGN=CENTER>
<TR>
<TD VALIGN=TOP ALIGN=CENTER>
<A HREF="inline/imageNaiad.jpg"
onClick="return (loadPosterImag e('inline/imageNaiad.jpg' ))">
<IMG SRC="inline/imageNaiadSmall .jpg"
ALT="Naiad" BORDER=0 ALIGN=TOP WIDTH=56 HEIGHT=75></A>
<P CLASS="thumbcap tion">Naiad Beauty Products</P>
</TD>
<TD VALIGN=TOP ALIGN=CENTER>
<A HREF="inline/imageAdonis.jpg "
onClick="return (loadPosterImag e('inline/imageAdonis.jpg '))">
<IMG SRC="inline/imageAdonisSmal l.jpg"
ALT="Adonis" BORDER=0 ALIGN=TOP WIDTH=56 HEIGHT=75></A>
<P CLASS="thumbcap tion">Bronze Adonis</P>
</TD>
<TD WIDTH=250 VALIGN=TOP ALIGN=CENTER ROWSPAN=3>
<IMG SRC="inline/imageNaiad.jpg" NAME="imagePost er"
ALT="Naiad" ALIGN=TOP WIDTH=225 HEIGHT=300>
</TD>
</TR>
<TR>
<TD VALIGN=TOP ALIGN=CENTER>
<A HREF="inline/imageRodin.jpg"
onClick="return (loadPosterImag e('inline/imageRodin.jpg' ))">
<IMG SRC="inline/imageRodinSmall .jpg"
ALT="Rodin" BORDER=0 ALIGN=TOP WIDTH=56 HEIGHT=75></A>
<P CLASS="thumbcap tion">Rodin Consulting</P>
</TD>
<TD VALIGN=TOP ALIGN=CENTER>
<A HREF="inline/imageSwami.jpg"
onClick="return (loadPosterImag e('inline/imageSwami.jpg' ))">
<IMG SRC="inline/imageSwamiSmall .jpg"
ALT="Swami" BORDER=0 ALIGN=TOP WIDTH=56 HEIGHT=75></A>
<P CLASS="thumbcap tion">Swami Academy</P>
</TD>
</TR>
<TR>
<TD VALIGN=TOP ALIGN=CENTER>
<A HREF="inline/imagePassion.jp g"
onClick="return (loadPosterImag e('inline/imagePassion.jp g'))">
<IMG SRC="inline/imagePassionSma ll.jpg"
ALT="Passion" BORDER=0 ALIGN=TOP WIDTH=56 HEIGHT=75></A>
<P CLASS="thumbcap tion">Plastic Passion</P>
</TD>
<TD VALIGN=TOP ALIGN=CENTER>
<A HREF="inline/imageAtlas.jpg"
onClick="return (loadPosterImag e('inline/imageAtlas.jpg' ))">
<IMG SRC="inline/imageAtlasSmall .jpg"
ALT="Atlas" BORDER=0 ALIGN=TOP WIDTH=56 HEIGHT=75></A>
<P CLASS="thumbcap tion">Atlas Removals</P>
</TD>
</TR>
</TABLE>
Regards,
GP
Comment