Tweet
Hello,
I am new to web design and this site, I hope you can help. I know little about code as I've learned on Dreamweaver MX. Pasting in Dynamic's slide show is my first experience with code.
When I open my local page in a browser, everything seems fine
, but after uploading it to my remote site, I find that the images do not view in the browser 
and all I get is the little check box.
the browser I use is the latest version of IE.
the slide show is: http://dynamicdrive.com/dynamicindex14/dhtmlslide.htm
the webpage is: http://www.portsmouth1009.com/nicks_page.html
the code for the page is:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script type="text/javascript">
/***********************************************
* DHTML slideshow script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice must stay intact for legal use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/
var photos=new Array()
var photoslink=new Array()
var which=0
//define images. You can have as many as you want:
photos[0]="images/nick_slideshow/nick_slideshow_1.jpg"
photos[1]="images/nick_slideshow/nick_slideshow_2.jpg"
photos[2]="images/nick_slideshow/nick_slideshow_3.jpg"
photos[3]="images/nick_slideshow/nick_slideshow_4.jpg"
photos[4]="images/nick_slideshow/nick_slideshow_5.jpg"
photos[5]="images/nick_slideshow/nick_slideshow_6.jpg"
photos[6]="images/swaying_nick.jpg"
//Specify whether images should be linked or not (1=linked)
var linkornot=0
//Set corresponding URLs for above images. Define ONLY if variable linkornot equals "1"
photoslink[0]=""
photoslink[1]=""
photoslink[2]=""
//do NOT edit pass this line
var preloadedimages=new Array()
for (i=0;i<photos.length;i++){
preloadedimages[i]=new Image()
preloadedimages[i].src=photos[i]
}
function applyeffect(){
if (document.all && photoslider.filters){
photoslider.filters.revealTrans.Transition=Math.floor(Math.random()*23)
photoslider.filters.revealTrans.stop()
photoslider.filters.revealTrans.apply()
}
}
function playeffect(){
if (document.all && photoslider.filters)
photoslider.filters.revealTrans.play()
}
function keeptrack(){
window.status="Image "+(which+1)+" of "+photos.length
}
function backward(){
if (which>0){
which--
applyeffect()
document.images.photoslider.src=photos[which]
playeffect()
keeptrack()
}
}
function forward(){
if (which<photos.length-1){
which++
applyeffect()
document.images.photoslider.src=photos[which]
playeffect()
keeptrack()
}
}
function transport(){
window.location=photoslink[which]
}
</script>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
background-image: url(images/Portsmouth_skyline_1pt_ink_scaled.gif);
}
-->
</style>
</head>
<body>
<p> </p>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="17%"> <object classid="clsid
27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="108" height="46">
<param name="BGCOLOR" value="">
<param name="BASE" value=".">
<param name="movie" value="button1.swf">
<param name=quality value=high>
<embed src="button1.swf" width="108" height="46" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" base="."></embed>
</object></td>
<td width="22%"><object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="108" height="46">
<param name="BGCOLOR" value="">
<param name="BASE" value=".">
<param name="movie" value="button2.swf">
<param name=quality value=high>
<embed src="button2.swf" width="108" height="46" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" base="."></embed>
</object></td>
<td width="20%"> </td>
<td width="20%"> </td>
<td width="21%"><object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="108" height="46">
<param name="movie" value="button3.swf">
<param name=quality value=high>
<embed src="button3.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="108" height="46"></embed>
</object></td>
</tr>
</table>
<table width="100%" border="0" align="right" cellpadding="0" cellspacing="0" bordercolor="#FFFFFF" bgcolor="#000000">
<tr>
<td width="11%"><a href="nicks_page.html"><img src="images/nick_fade_to_black.jpg" alt="Nicholas Lipoma" width="80" height="60" border="0" align="left"></a></td>
<td width="80%" bgcolor="#000000"> </td>
<td width="9%"><img src="images/p1009_for_nick_fade_to_black.gif" width="150" height="60" align="right"></td>
</tr>
</table>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<table border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="100%" colspan="2" height="22"><center>
<script language="">
if (linkornot==1)
document.write('<a href="javascript:transport()">')
document.write('<img src="'+photos[0]+'" name="photoslider" style="filter:revealTrans(duration=2,transition=23)" border=0>')
if (linkornot==1)
document.write('</a>')
</script>
</center></td>
</tr>
<tr>
<td width="50%" height="21"><p align="left"><a href="#" onClick="backward();return false">Previous</a></td>
<td width="50%" height="21"><p align="right"><a href="#" onClick="forward();return false">Next</a></td>
</tr>
</table>
<p> </p>
<p> </p>
<p> </p>
<p align="center"><font face="Arial" size="-2">Free DHTML scripts provided by<br>
<a href="http://dynamicdrive.com">Dynamic Drive</a></font></p>
</body>
</html>
I hope this is all the info. Thank you for your time. They say there's no such thing as a stupid question, but I've got a feeling...
Jamie
I am new to web design and this site, I hope you can help. I know little about code as I've learned on Dreamweaver MX. Pasting in Dynamic's slide show is my first experience with code.
When I open my local page in a browser, everything seems fine
, but after uploading it to my remote site, I find that the images do not view in the browser and all I get is the little check box.the browser I use is the latest version of IE.
the slide show is: http://dynamicdrive.com/dynamicindex14/dhtmlslide.htm
the webpage is: http://www.portsmouth1009.com/nicks_page.html
the code for the page is:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script type="text/javascript">
/***********************************************
* DHTML slideshow script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice must stay intact for legal use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/
var photos=new Array()
var photoslink=new Array()
var which=0
//define images. You can have as many as you want:
photos[0]="images/nick_slideshow/nick_slideshow_1.jpg"
photos[1]="images/nick_slideshow/nick_slideshow_2.jpg"
photos[2]="images/nick_slideshow/nick_slideshow_3.jpg"
photos[3]="images/nick_slideshow/nick_slideshow_4.jpg"
photos[4]="images/nick_slideshow/nick_slideshow_5.jpg"
photos[5]="images/nick_slideshow/nick_slideshow_6.jpg"
photos[6]="images/swaying_nick.jpg"
//Specify whether images should be linked or not (1=linked)
var linkornot=0
//Set corresponding URLs for above images. Define ONLY if variable linkornot equals "1"
photoslink[0]=""
photoslink[1]=""
photoslink[2]=""
//do NOT edit pass this line
var preloadedimages=new Array()
for (i=0;i<photos.length;i++){
preloadedimages[i]=new Image()
preloadedimages[i].src=photos[i]
}
function applyeffect(){
if (document.all && photoslider.filters){
photoslider.filters.revealTrans.Transition=Math.floor(Math.random()*23)
photoslider.filters.revealTrans.stop()
photoslider.filters.revealTrans.apply()
}
}
function playeffect(){
if (document.all && photoslider.filters)
photoslider.filters.revealTrans.play()
}
function keeptrack(){
window.status="Image "+(which+1)+" of "+photos.length
}
function backward(){
if (which>0){
which--
applyeffect()
document.images.photoslider.src=photos[which]
playeffect()
keeptrack()
}
}
function forward(){
if (which<photos.length-1){
which++
applyeffect()
document.images.photoslider.src=photos[which]
playeffect()
keeptrack()
}
}
function transport(){
window.location=photoslink[which]
}
</script>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
background-image: url(images/Portsmouth_skyline_1pt_ink_scaled.gif);
}
-->
</style>
</head>
<body>
<p> </p>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="17%"> <object classid="clsid
27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="108" height="46"><param name="BGCOLOR" value="">
<param name="BASE" value=".">
<param name="movie" value="button1.swf">
<param name=quality value=high>
<embed src="button1.swf" width="108" height="46" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" base="."></embed>
</object></td>
<td width="22%"><object classid="clsid
27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="108" height="46"><param name="BGCOLOR" value="">
<param name="BASE" value=".">
<param name="movie" value="button2.swf">
<param name=quality value=high>
<embed src="button2.swf" width="108" height="46" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" base="."></embed>
</object></td>
<td width="20%"> </td>
<td width="20%"> </td>
<td width="21%"><object classid="clsid
27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="108" height="46"><param name="movie" value="button3.swf">
<param name=quality value=high>
<embed src="button3.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="108" height="46"></embed>
</object></td>
</tr>
</table>
<table width="100%" border="0" align="right" cellpadding="0" cellspacing="0" bordercolor="#FFFFFF" bgcolor="#000000">
<tr>
<td width="11%"><a href="nicks_page.html"><img src="images/nick_fade_to_black.jpg" alt="Nicholas Lipoma" width="80" height="60" border="0" align="left"></a></td>
<td width="80%" bgcolor="#000000"> </td>
<td width="9%"><img src="images/p1009_for_nick_fade_to_black.gif" width="150" height="60" align="right"></td>
</tr>
</table>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<table border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="100%" colspan="2" height="22"><center>
<script language="">
if (linkornot==1)
document.write('<a href="javascript:transport()">')
document.write('<img src="'+photos[0]+'" name="photoslider" style="filter:revealTrans(duration=2,transition=23)" border=0>')
if (linkornot==1)
document.write('</a>')
</script>
</center></td>
</tr>
<tr>
<td width="50%" height="21"><p align="left"><a href="#" onClick="backward();return false">Previous</a></td>
<td width="50%" height="21"><p align="right"><a href="#" onClick="forward();return false">Next</a></td>
</tr>
</table>
<p> </p>
<p> </p>
<p> </p>
<p align="center"><font face="Arial" size="-2">Free DHTML scripts provided by<br>
<a href="http://dynamicdrive.com">Dynamic Drive</a></font></p>
</body>
</html>
I hope this is all the info. Thank you for your time. They say there's no such thing as a stupid question, but I've got a feeling...
Jamie
Comment