[thelist] Slide show with html text

Tue Oct 14 09:43:00 CDT 2003

That is along the line of what I am looking for.  You can do it with images
- JPG, GIF etc, but I am not sure how to do it to regular html text that is
in a sell below the cell that the image is in.  I think I posted this
earlier, but here's What I did previously:

>-<->-<->-<->->-<->-<->-<->->-<->-<->-<->->-<->-<->-<->->-<->-<->-<->-<

<script language="JavaScript" type="text/JavaScript">

var isNS = navigator.appName.indexOf("Netscape")  != -1
var isIE = navigator.appName.indexOf("Microsoft") != -1
function show() {
  if (isNS) document.layers["d1"].visibility = "show";
  if (isIE) document.all.d1.style.visibility = "visible";
}
function hide() {
  if (isNS) document.layers["d1"].visibility = "hide";
  if (isIE) document.all.d1.style.visibility = "hidden";
}

var image1=new Image(); image1.src="images/slide1.jpg";
var image2=new Image(); image2.src="images/slide2.jpg";
var image3=new Image(); image3.src="images/slide3.jpg";
var image4=new Image(); image4.src="images/slide4.jpg";
var text1=new Image(); text1.src="images/slide1aa_quote.gif";
var text2=new Image(); text2.src="images/slide2aa_quote.gif";
var text3=new Image(); text3.src="images/slide3aa_quote.gif";
var text4=new Image(); text4.src="images/slide4aa_quote.gif";
var step=1;

function slideit() {
    if (!document.images) {
        return;
    }

    document.images.slide.src=eval("image"+step+".src");
    document.images.text.src=eval("text"+step+".src");

    if (step<4) {
        step++;
    } else {
        step=1;
    }
    setTimeout("slideit()",5000)
}

</script>

>-<->-<->-<->->-<->-<->-<->->-<->-<->-<->->-<->-<->-<->->-<->-<->-<->-<

Then the Body tag:

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"
onload="slideit();" background="images/bg_1.gif">

>-<->-<->-<->->-<->-<->-<->->-<->-<->-<->->-<->-<->-<->->-<->-<->-<->-<

Then on the image/photo:

<td><img src="images/slide1.jpg" width="144" height="165" border="0"
alt="slide show images of people" name="slide"></td>

>-<->-<->-<->->-<->-<->-<->->-<->-<->-<->->-<->-<->-<->->-<->-<->-<->-<

Then on the text graphic below the image/photo:

<td><img src="images/slide1aa_quote.gif" width="144" height="104" border="0"
alt="slideshow quotes from members" name="text"></td>

>-<->-<->-<->->-<->-<->-<->->-<->-<->-<->->-<->-<->-<->->-<->-<->-<->-<

In the Javascript, this part calls the text graphics that rotate with the
images:

var text1=new Image(); text1.src="images/slide1aa_quote.gif";
var text2=new Image(); text2.src="images/slide2aa_quote.gif";
var text3=new Image(); text3.src="images/slide3aa_quote.gif";
var text4=new Image(); text4.src="images/slide4aa_quote.gif";

I need to add something here instead of what I currently have, that will
allow me to rotate that same text, but as editable html text, not  a
graphic.  Is there a way to pull this off...anyone?

THANKS for all your input this far!!!!!

On 10/14/03 10:05 AM, "John C Bullas (TRG: Univ of Southampton)"
<jcbullas at nildram.co.uk> wrote:

> 
>> 
>>> 
>>> What about dhtml with a timeline? If you got dreamweaver 4+ its really
>> quick
>>> to do and should be cross browser compatible.
>>> Try http://dynamicdrive.com for some possible examples.
>>> http://dynamicdrive.com/dynamicindex14/index.html
> 
> for the benefit of my limited knowledge in these areas , can't you delay a
> page change using
> a loop that counts up in javascript and then "does something"?
> 
> Sorry to be so Neandertal in all this pack of Bronze age folk....
> 
> FB

-- 
Jono Young
Designer/Illustrator
Brook Group, LTD
8231 Main Street
Ellicott City, MD 21043
T: 410-465-7805 xt: 16
<http://www.brookgroup.com/>