PDA

View Full Version : Dreamweaver image viewer does not show in browser


hellen
01-31-2012, 03:24 PM
Made a nice slideshow, it works in dreamweaver but it doesn't show in browser.
Nothing shows up there, it is complete empty. Made sure the images and everything is uploaded.
This is the page: www.mystudio.nl/index3.htm Above should the slideshow be.

Please can someone help me, I don't understand why it is not working.

Here is the code:


<html>
<head>
<TITLE>Kinderfotografie, My Studio, kinderfotografie, babyfotografie, zwangerschapsfotografie, portretfotografie, newborn fotografie</TITLE>
<META NAME="DESCRIPTION" CONTENT="Kinderfotografie, zwangerschapsfotografie, babyfotografie, zwangerschapsfoto's, geboortekaartjes, babyfoto’s.">
<META NAME="KEYWORDS" CONTENT="kinderfotografie, babyfotografie, portretfotografie, my studio, laren, Laren, zwangerschapsfotografie, fotografie, fotograaf, studio, Hellen Willemse">
<META NAME="ROBOTS" CONTENT="INDEX, FOLLOW">
<META NAME="REVISIT-AFTER" CONTENT="30 DAYS">

<cmt>
<title>home</title> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--



function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
//-->
</script>
<style type="text/css">
<!--
.arialklein {
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
color: #000000;
text-decoration: none;
}
a:link {
color: #000000;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #000000;
}
a:hover {
text-decoration: none;
color: #FF0000;
}
a:active {
text-decoration: none;
}
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color: #FFFFFF;
background-image: url(images/pattern.jpg);
}
.style12 {color: #FF0000}
.style13 {font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #FF0000; text-decoration: none; }
-->
</style>
<link href="style1.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
.style17 {font-size: 12px}
.style21 {font-family: Arial, Helvetica, sans-serif; }
.style22 {font-family: Arial, Helvetica, sans-serif; font-size: 18px; }
.style24 {color: #000000; font-size: 18px; }
.style26 {color: #000000}
.style14 { font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
color: #FF0205;
font-weight: bold;
}
.style25 {color: #000000; font-size: 18px; font-family: Arial, Helvetica, sans-serif; }
.style45 {font-family: "Arial Unicode MS"}
.style47 {color: #000000; font-size: 9px;}
.style52 {
font-family: "Arial Unicode MS";
color: #000000;
}
.style56 {
color: #333333
}
-->
</style>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</head>

<body text="#000000">
<p>&nbsp;</p>
<table width="1000" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<tr>
<td><div align="right">
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','1000','heig ht','300','src','images/imageviewer','quality','high','flashvars','flashle t={imageLinkTarget:\'_blank\',captionFont:\'Verdan a\',titleFont:\'Verdana\',showControls:false,frame Show:false,slideDelay:5,captionSize:10,captionColo r:#333333,titleSize:10,transitionsType:\'Fade\',ti tleColor:#333333,slideAutoPlay:true,imageURLs:[\'images/picture0.jpg\',\'images/picture1.jpg\',\'images/picture2.jpg\',\'images/picture3.jpg\',\'images/picture4.jpg\',\'images/picture5.jpg\'],slideLoop:false,frameThickness:2,imageLinks:[\'http://macromedia.com/\',\'http://macromedia.com/\',\'http://macromedia.com/\'],frameColor:#333333,bgColor:#FFFFFF,imageCaptions:[]}','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','scal e','noborder','bgcolor','#FFFFFF','flash_component ','ImageViewer.swc','movie','images/imageviewer' ); //end AC code
</script><noscript><script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','1000','heig ht','300','src','images/imageviewer','quality','high','flashvars','flashle t={imageLinkTarget:\'_blank\',captionFont:\'Verdan a\',titleFont:\'Verdana\',showControls:false,frame Show:false,slideDelay:5,captionSize:10,captionColo r:#333333,titleSize:10,transitionsType:\'Fade\',ti tleColor:#333333,slideAutoPlay:true,imageURLs:[\'images/picture0.jpg\',\'images/picture1.jpg\',\'images/picture2.jpg\',\'images/picture3.jpg\',\'images/picture4.jpg\',\'images/picture5.jpg\'],slideLoop:false,frameThickness:2,imageLinks:[\'http://macromedia.com/\',\'http://macromedia.com/\',\'http://macromedia.com/\'],frameColor:#333333,bgColor:#FFFFFF,imageCaptions:[]}','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','scal e','noborder','bgcolor','#FFFFFF','flash_component ','ImageViewer.swc','movie','images/imageviewer' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="1000" height="300">
<param name="flash_component" value="ImageViewer.swc">
<param name="movie" value="images/imageviewer.swf">
<param name="quality" value="high">
<param name="FlashVars" value="flashlet={imageLinkTarget:'_blank',captionFont:'Ve rdana',titleFont:'Verdana',showControls:false,fram eShow:false,slideDelay:5,captionSize:10,captionCol or:#333333,titleSize:10,transitionsType:'Fade',tit leColor:#333333,slideAutoPlay:true,imageURLs:['images/picture0.jpg','images/picture1.jpg','images/picture2.jpg','images/picture3.jpg','images/picture4.jpg','images/picture5.jpg'],slideLoop:false,frameThickness:2,imageLinks:['http://macromedia.com/','http://macromedia.com/','http://macromedia.com/'],frameColor:#333333,bgColor:#FFFFFF,imageCaptions:[]}"><param name="SCALE" value="noborder"><param name="BGCOLOR" value="#FFFFFF">
<embed src="images/imageviewer.swf" width="1000" height="300" quality="high" flashvars="flashlet={imageLinkTarget:'_blank',captionFont:'Ve rdana',titleFont:'Verdana',showControls:false,fram eShow:false,slideDelay:5,captionSize:10,captionCol or:#333333,titleSize:10,transitionsType:'Fade',tit leColor:#333333,slideAutoPlay:true,imageURLs:['images/picture0.jpg','images/picture1.jpg','images/picture2.jpg','images/picture3.jpg','images/picture4.jpg','images/picture5.jpg'],slideLoop:false,frameThickness:2,imageLinks:['http://macromedia.com/','http://macromedia.com/','http://macromedia.com/'],frameColor:#333333,bgColor:#FFFFFF,imageCaptions:[]}" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" scale="noborder" bgcolor="#FFFFFF"> </embed>
</object></noscript>
</tr>
</table>
<p align="center"><span class="style12"><script type="text/javascript" language="javascript">
var sc_project=408357;
var sc_partition=2;
</script>
<script type="text/javascript" language="javascript" src="http://www.statcounter.com/counter/counter.js"></script>
<noscript>
</noscript>
</span></p>
<table width="1000" border="0" align="center" cellpadding="0" cellspacing="0">
<tr bgcolor="#999999">
<td width="90" bgcolor="#CCCCCC">&nbsp;</td>
<td width="116" bgcolor="#CCCCCC" class="linkjesboven"><div align="center" class="style22"><a href="index.htm" class="linkjesboven style45">home</a></div></td>
<td width="116" bgcolor="#CCCCCC" class="linkjesboven"><div align="center" class="style21"><span class="style24"><a href="werkwijze.htm" class="style24">werkwijze</a></span></div></td>
<td width="116" bgcolor="#CCCCCC" class="linkjesboven"><div align="center" class="style21"><span class="style24"><a href="fotoalbumzwangerschap.htm">portfolio</a></span></div></td>
<td width="116" bgcolor="#CCCCCC" class="linkjesboven"><div align="center" class="style21"><span class="style24"><a href="prijslijst.html">prijslijst</a></span></div></td>
<td width="116" bgcolor="#CCCCCC" class="linkjesboven"><div align="center" class="style21"><span class="style24"><a href="contact.htm">contact</a></span></div></td>
<td width="116" bgcolor="#CCCCCC" class="linkjesboven"><div align="center" class="style25"><a href="faq.htm" class="style24">vragen</a></div></td>
<td width="116" height="20" bgcolor="#CCCCCC" class="linkjesboven"><div align="center"><span class="style21"><span class="style24"><a href="http://mystudio1.write2me.com" class="style24">gastenboek</a></span></span></div></td>
<td width="95" bgcolor="#CCCCCC">&nbsp;</td>
</tr>
</table>
<table width="1000" height="430" border="0" align="center" cellpadding="0" cellspacing="0" bordercolor="#FFFFFF">
<tr>
<td height="22" colspan="5" bordercolor="#FFFFFF" bgcolor="#FFFFFF" class="style12"><div align="center">
<noscript>
</noscript>
<span class="mystudio"><span class="style14"><a href="fotoalbumzwangerschap.htm">zwangerschapsfotografie</a> ▪ <a href="fotoalbumbabies.htm">babyfotografie</a> ▪ <a href="fotoalbumkids.htm">kinderfotografie</a> ▪ <a href="fotoalbumvolwassenen.htm">portretfotografie</a> ▪<a href="photobag.htm"> </a><a href="minialbum.htm">minialbum</a> ▪ <a href="canvas.htm">canvas</a> ▪</span> <span class="style14"><a href="glas.htm">glas</a> ▪ <a href="geboortekaartjes.htm">geboortekaartjes </a>▪ <a href="collages.htm">collages</a><a href="geboortekaartjes.htm"> </a>▪ <a href="uitnodigingen.htm">uitnodiging</a></span><br>
</span></div></td>
</tr>
<tr>
<td width="371" height="345" valign="top" bordercolor="#FFFFFF" bgcolor="#FFFFFF" class="style12"><div align="center">
<p align="left"><br>
<img src="fotoalbum/images%20babies/539_3956zw-bijgesneden.jpg" alt="babyfotografie" width="355" height="400" hspace="0"> <br>
<br>
</p>
</div></td>
<td colspan="3" valign="top" bordercolor="#FFFFFF" bgcolor="#FFFFFF" class="style12"><div align="center">
<p class="verdana11 style17"><span class="mystudio"><span class="style26"><br>
</span></span></p>
<p class="verdana11 style17 style21 style56">&nbsp;</p>
<p class="mystudio"><span class="style52">Hallo, mijn naam is Hellen Willemse. <br>
Op de volgende pagina's kunt u bekijken wat ik zoal doe op het gebied van fotografie. Zo heb ik verschillende fotoalbums samengesteld met voorbeelden van zwangerschapsfoto's, babyfoto's, kinderfoto's en groepsfotos van gezinnen (maximaal 5 personen). Tevens maak ik foto's</span><span class="style52"> die gebruikt kunnen worden voor geboortekaartjes of uitnodigingen <br>
<br>
Wilt u een origineel kado geven aan bijvoorbeeld opa en oma, of bijvoorbeeld moeder of vader verrassen op vaderdag of moederdag? <br>
Bekijk de <a href="collages.htm"><em><strong>collages</strong></em></a> dan eens, maar ook met een <em><strong><a href="kadobon.htm">kadobon</a></strong></em> een<strong><em><a href="canvas.htm"> foto op canvas </a></em></strong>of een <a href="minialbum.htm"><strong><em>minifotoalbum</em></strong></a> zult u waarschijnlijk in de roos schieten!<br>
<br>
<br>
<br>
Neem eens rustig een kijkje op deze site en wellicht zie ik u binnenkort.....<br>
<br>
.....in My Studio!</span><span class="style21"><br>
</span><span class="style26"><br>
<br>
</span></p>
</div></td>
<td width="144" bordercolor="#FFFFFF" bgcolor="#FFFFFF" class="style12"><div align="right" class="style24">
<p class="linkjesboven"><img src="images/anim.gif" alt="My Studio, kinderfotografie, babyfotografie, zwangerschapsfotografie" width="130" height="130" align="top"></p>
<p>&nbsp;</p>
</div></td>
</tr>
<tr>
<td colspan="5" class="style12"><div align="center">
<p align="center"><a href="mailto: info@mystudio.nl"><br>
</a></p>
</div> <div align="center"></div></td>
</tr>
</table>

<table width="1000" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><img src="images/onderbalk.jpg" width="1000" height="100"></td>
</tr>
<tr>
<td height="37"><div align="center"><span class="arialklein"><br>
&copy; 2004-2012 MyStudio fotografie | Ericaweg 31 | 1251 WJ Laren| 035-887 56 26 |<a href="mailto:info@mystudio.nl"> info@mystudio.nl</a></a></span><br>
</div></td>
</tr>
<tr>
<td height="36"><div align="center"><a href="sitemap.htm"><img src="images/fbgrijs.jpg" alt="facebook" width="24" height="24" border="0"></a><a href="http://mystudiofotografie.hyves.nl/"><img src="images/hyvesgrijs.jpg" alt="hyves" width="24" height="24" border="0"></a></div></td>
</tr>
</table>
<script type="text/javascript">
function setStyle()
{
var randomnr = Math.floor(Math.random()*4);
var obj= document.getElementById("back_ground");
obj.style.background="url(images/Header"+randomnr+".jpg) no-repeat center center";
}
window.onload=setStyle;
</script>
</body>
</html>

Adobe_Carey
01-31-2012, 05:37 PM
Hi Helen,

It looks like you have an extra <noscript> tag, or forgot to close the second one. (One is on line 93, the other on line 95.)
The <div> tag you created on line 90 also is not closed.

I recommend starting by fixing these, and see if that helps.

There are several other problems with your markup, some minor and others more important.
I would also recommend fixing the markup errors until the page validates:
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.mystudio.nl%2Findex3.ht m&charset=%28detect+automatically%29&doctype=Inline&group=0

Hope that helps!

hellen
01-31-2012, 06:15 PM
Thanks but the forgotten tags didn't do anything. I know the rest of the code is messy, but the site works with it . (I am gonna try the fixing site you sent me)

I made a new empty page with only an image viewer on it, so it is maybe easyier to find the problem. I didn't do anything manual in the code, only made the viewer in dreamweaver. The pictures in the viewer are in the images folder on my website (and uploaded, did check that)

this is the page: www.mystudio.nl/aatest.html

Here is the code of the page with only the viewer on it:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</head>

<body>

<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','1000','heig ht','300','src','images/aatest','quality','high','flashvars','flashlet={im ageLinkTarget:\'_blank\',captionFont:\'Verdana\',t itleFont:\'Verdana\',showControls:false,frameShow: false,slideDelay:3,captionSize:10,captionColor:#33 3333,titleSize:10,transitionsType:\'Fade\',titleCo lor:#333333,slideAutoPlay:true,imageURLs:[\'images/picture1.jpg\',\'images/picture4.jpg\'],slideLoop:false,frameThickness:2,imageLinks:[\'http://macromedia.com/\',\'http://macromedia.com/\',\'http://macromedia.com/\'],frameColor:#333333,bgColor:#FFFFFF,imageCaptions:[]}','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','flas h_component','ImageViewer.swc','movie','images/aatest' ); //end AC code
</script>
<noscript>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="1000" height="300">
<param name="flash_component" value="ImageViewer.swc" />
<param name="movie" value="images/aatest.swf" />
<param name="quality" value="high" />
<param name="FlashVars" value="flashlet={imageLinkTarget:'_blank',captionFont:'Ve rdana',titleFont:'Verdana',showControls:false,fram eShow:false,slideDelay:3,captionSize:10,captionCol or:#333333,titleSize:10,transitionsType:'Fade',tit leColor:#333333,slideAutoPlay:true,imageURLs:['images/picture1.jpg','images/picture4.jpg'],slideLoop:false,frameThickness:2,imageLinks:['http://macromedia.com/','http://macromedia.com/','http://macromedia.com/'],frameColor:#333333,bgColor:#FFFFFF,imageCaptions:[]}" />
<embed src="images/aatest.swf" quality="high" flashvars="flashlet={imageLinkTarget:'_blank',captionFont:'Ve rdana',titleFont:'Verdana',showControls:false,fram eShow:false,slideDelay:3,captionSize:10,captionCol or:#333333,titleSize:10,transitionsType:'Fade',tit leColor:#333333,slideAutoPlay:true,imageURLs:['images/picture1.jpg','images/picture4.jpg'],slideLoop:false,frameThickness:2,imageLinks:['http://macromedia.com/','http://macromedia.com/','http://macromedia.com/'],frameColor:#333333,bgColor:#FFFFFF,imageCaptions:[]}" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="1000" height="300"> </embed>
</object>
</noscript>
</body>
</html>

hellen
01-31-2012, 10:14 PM
Okay, suddenly I can see my viewer.
First the swf file was put in the images folder and the last try I put the file in de site folder. (the images folder appeared by itself, so I thought this was the best choise to do)
Still one little thing, the slideshow starts with a litte image/message, a second before it starts, I thougt I didn't see that in my viewer test,the first time I made a slideshow, now it appears in the viewer and in the site itself.
Does anyone know what it is, and can I remove it?
Here another example viewer: www.mystudio.nl/ctest.html
(next week I have to clean up the mess in my site, because of all this trying) has someone a tip how to do this the quickest way?