jeffda
07-31-2003, 06:12 PM
Is there a way that I can click on a button and have that button change a specific image on that page to a flash movie?
Click to See Complete Forum and Search --> : Swapping an image with flash!
Khalid Ali
07-31-2003, 09:58 PM
sorta yes....
you will have to replace the img element with the embed element or you may have both of them present and just hide one at a time
you will have to replace the img element with the embed element or you may have both of them present and just hide one at a time
jeffda
07-31-2003, 11:56 PM
alrighty....I'll include the code....and if you could show me how it would be done...that would be great....and also...if you could show me how to make the slideshow stop from clicking a button....if you want!!
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 TANSITIONAL//EN">
<html>
<head>
<title>Walla Walla Valley Academy</title>
<meta content="text/html; http-equiv=" Content-Type">
<link rel="stylesheet" href="head.css" type="text/css">
<SCRIPT LANGUAGE="JavaScript">
<!-- Original: CodeLifter.com (support@codelifter.com) -->
<!-- Web Site: http://www.codelifter.com -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
// Set slideShowSpeed (milliseconds)
var slideShowSpeed = 7000;
// Duration of crossfade (seconds)
var crossFadeDuration = 5;
// Specify the image files
var Pic = new Array();
// to add more images, just continue
// the pattern, adding to the array below
Pic[0] = 'http://www.wwva.org/slides/149.jpg'
Pic[1] = 'http://www.wwva.org/slides/150.jpg'
Pic[2] = 'http://www.wwva.org/slides/151.jpg'
Pic[3] = 'http://www.wwva.org/slides/152.jpg'
Pic[4] = 'http://www.wwva.org/slides/153.jpg'
Pic[5] = 'http://www.wwva.org/slides/154.jpg'
// do not edit anything below this line
var t;
var j = 0;
var p = Pic.length;
var preLoad = new Array();
for (i = 0; i < p; i++) {
preLoad[i] = new Image();
preLoad[i].src = Pic[i];
}
function runSlideShow() {
if (document.all) {
document.images.SlideShow.style.filter="blendTrans(duration=2)";
document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)";
document.images.SlideShow.filters.blendTrans.Apply();
}
document.images.SlideShow.src = preLoad[j].src;
if (document.all) {
document.images.SlideShow.filters.blendTrans.Play();
}
j = j + 1;
if (j > (p - 1)) j = 0;
t = setTimeout('runSlideShow()', slideShowSpeed);
}
// End -->
function Intro() {
window.open('intro.html','','width=500, height=400,scrollbars=no,statusbar=no,')
}
</script>
</head>
<body bgcolor="#CCCCCC" link="#FFFFFF" alink="#FFFFFF" vlink="#FFFFFF">
<table border="0" width="600" align="center" valign="top"><!--Begin Table-->
<tr>
<td align="left" valign="top">
<img src="header.jpg"><br>
</td>
</tr>
<tr>
<td align="left" valign="top">
<table border="0" width="100%" bgcolor="#FFFFFF" align="left" valign="top"><!--Begin Content-->
<tr>
<td align="left" width="125" valign="top" class="menu">
<font class="links"><a href="events/index.html">News</a><a href="schedules/index.html">Schedules</a><a href="teachers/wrench/index.html">Alumni</a><a href="athletics/index.html">Athletics</a><a href="classes/index.html">Classes</a><a href="faculty/index.html">Faculty</a><a href="bulletin/index.html">Bulletin</a><a href="visions/index.html">Visions</a><a href="basmati/">Grades</a><a href="slides/index.html">Pictures</a><a href="school/index.html">School Info</a><a href="contact/index.html">Contact Us</a></font>
</td>
<td align="left" valign="top">
<center><i><font class="mission">To prepare students for the second coming of Christ by instilling in <br>each a love for God, for learning, for life, and for service.<br>This is our mission.</font></i></center><hr>
    <font class="text">Welcome to Walla Walla Valley Academy's website. Through the information contained here, we trust you'll learn more of the availability of our excellent Christ-centered programs. Thank you for taking time to explore the possibilities that might exist for you at WWVA. --John M. Deming, Principal</font><br><br>
<table border="5" width="150" bordercolor="#700233" cellpadding="5" align="center"><!--Begin Slide Show-->
<tr>
<td align="center" valign="top">
<font class="text2"><a href="javascript:Intro()">View Intro</a> | <a href="javascript:runSlideShow()">View Slideshow</a></font><br>
</td>
</tr>
<tr>
<td id="VU" height="170" width="240">
<img src="http://www.wwva.org/slides/wwvatopview.jpg" name='SlideShow' height="170" width="240"><br>
</td>
</tr>
<!--End Slide Show--></table>
</td>
</tr>
<tr>
<td align="center" valign="bottom">
</td>
</tr>
<!--End Content--></table>
</td>
</tr>
<!--End Table--></table>
</body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 TANSITIONAL//EN">
<html>
<head>
<title>Walla Walla Valley Academy</title>
<meta content="text/html; http-equiv=" Content-Type">
<link rel="stylesheet" href="head.css" type="text/css">
<SCRIPT LANGUAGE="JavaScript">
<!-- Original: CodeLifter.com (support@codelifter.com) -->
<!-- Web Site: http://www.codelifter.com -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
// Set slideShowSpeed (milliseconds)
var slideShowSpeed = 7000;
// Duration of crossfade (seconds)
var crossFadeDuration = 5;
// Specify the image files
var Pic = new Array();
// to add more images, just continue
// the pattern, adding to the array below
Pic[0] = 'http://www.wwva.org/slides/149.jpg'
Pic[1] = 'http://www.wwva.org/slides/150.jpg'
Pic[2] = 'http://www.wwva.org/slides/151.jpg'
Pic[3] = 'http://www.wwva.org/slides/152.jpg'
Pic[4] = 'http://www.wwva.org/slides/153.jpg'
Pic[5] = 'http://www.wwva.org/slides/154.jpg'
// do not edit anything below this line
var t;
var j = 0;
var p = Pic.length;
var preLoad = new Array();
for (i = 0; i < p; i++) {
preLoad[i] = new Image();
preLoad[i].src = Pic[i];
}
function runSlideShow() {
if (document.all) {
document.images.SlideShow.style.filter="blendTrans(duration=2)";
document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)";
document.images.SlideShow.filters.blendTrans.Apply();
}
document.images.SlideShow.src = preLoad[j].src;
if (document.all) {
document.images.SlideShow.filters.blendTrans.Play();
}
j = j + 1;
if (j > (p - 1)) j = 0;
t = setTimeout('runSlideShow()', slideShowSpeed);
}
// End -->
function Intro() {
window.open('intro.html','','width=500, height=400,scrollbars=no,statusbar=no,')
}
</script>
</head>
<body bgcolor="#CCCCCC" link="#FFFFFF" alink="#FFFFFF" vlink="#FFFFFF">
<table border="0" width="600" align="center" valign="top"><!--Begin Table-->
<tr>
<td align="left" valign="top">
<img src="header.jpg"><br>
</td>
</tr>
<tr>
<td align="left" valign="top">
<table border="0" width="100%" bgcolor="#FFFFFF" align="left" valign="top"><!--Begin Content-->
<tr>
<td align="left" width="125" valign="top" class="menu">
<font class="links"><a href="events/index.html">News</a><a href="schedules/index.html">Schedules</a><a href="teachers/wrench/index.html">Alumni</a><a href="athletics/index.html">Athletics</a><a href="classes/index.html">Classes</a><a href="faculty/index.html">Faculty</a><a href="bulletin/index.html">Bulletin</a><a href="visions/index.html">Visions</a><a href="basmati/">Grades</a><a href="slides/index.html">Pictures</a><a href="school/index.html">School Info</a><a href="contact/index.html">Contact Us</a></font>
</td>
<td align="left" valign="top">
<center><i><font class="mission">To prepare students for the second coming of Christ by instilling in <br>each a love for God, for learning, for life, and for service.<br>This is our mission.</font></i></center><hr>
    <font class="text">Welcome to Walla Walla Valley Academy's website. Through the information contained here, we trust you'll learn more of the availability of our excellent Christ-centered programs. Thank you for taking time to explore the possibilities that might exist for you at WWVA. --John M. Deming, Principal</font><br><br>
<table border="5" width="150" bordercolor="#700233" cellpadding="5" align="center"><!--Begin Slide Show-->
<tr>
<td align="center" valign="top">
<font class="text2"><a href="javascript:Intro()">View Intro</a> | <a href="javascript:runSlideShow()">View Slideshow</a></font><br>
</td>
</tr>
<tr>
<td id="VU" height="170" width="240">
<img src="http://www.wwva.org/slides/wwvatopview.jpg" name='SlideShow' height="170" width="240"><br>
</td>
</tr>
<!--End Slide Show--></table>
</td>
</tr>
<tr>
<td align="center" valign="bottom">
</td>
</tr>
<!--End Content--></table>
</td>
</tr>
<!--End Table--></table>
</body>
</html>
webdeveloper.com
Copyright Internet.com Inc., All Rights Reserved.
Copyright Internet.com Inc., All Rights Reserved.