Topic: Fullscreen and Open Image in new screen don't work

Couldn't find a topic about this, so here's my question:
I just uploaded a whole new Simpleviewer 2 gallery and it seems to work.
But although I set the allowfullsreen params to TRUE in the index file and showFullscreenButton and showOpenButton to TRUE in de gallery.xml, the gallery shows up but the buttons don't work...
So I cannot switch to fullscreen or see a bigger picture of the one I'm looking at.

Somebody know how to fix this?

Re: Fullscreen and Open Image in new screen don't work

What is the URL of the gallery of that is having the issue.

Mike Richards
SimpleViewer Support Team.

Re: Fullscreen and Open Image in new screen don't work

Here it is:

http://www.totaaltuin-webshop.nl/?page= … page_id=14

The gallery is located on another domain (totaaltuin.nl) than the page (totaaltuin-webshop.nl).


I think all links are OK, the only thing I'm not sure about is the link to the javascript file. In the example of the SimpleViewer file the js file is located on an ajax subdomain, mine is just located on the totaaltuin.nl domain.


Greetz,

Mahaan

Re: Fullscreen and Open Image in new screen don't work

Have you set up a crossdomain.xml?

Mike Richards
SimpleViewer Support Team.

Re: Fullscreen and Open Image in new screen don't work

You have 2 different SWFObject calls happening in your HTML page. Remove the second one. This should set the 'allowfullscreen' param correctly and fix the fullscreen problem.

Felix Turner
SimpleViewer Support Team.

Re: Fullscreen and Open Image in new screen don't work

I tried two things: first I deleted the second SWFObject call. Result: no gallery, only a Javascript and Flash error message.
Second I deleted the first call. Result: gallery is back again, but buttons don't work.

I still don't know what I'm doing wrong....

Re: Fullscreen and Open Image in new screen don't work

The embed code in the head of your document is missing some of the required lines and you are using the wrong version of SWFObject.js.

Try the following:

<!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=iso-8859-1" />
<title>Totaaltuin -   </title>
<link rel="stylesheet" href="gfx/style.css" />

<meta name="AUTHOR" content="Totaaltuin" />
<meta name="DESCRIPTION" content="In onze webwinkel vindt u een enorme hoeveelheid tuinartikelen. Van speeltoestellen tot blokhutten, van tuinmeubelen tot skelters en nog veel meer. Kom eens een kijkje nemen op de schelmseweg in Arnhem!" />
<meta name="KEYWORDS" content="123webshop, webwinkel, winkelen, webshop, speeltoestellen, totaaltuin, tuinmeubelen, blokhutten, speelhuisjes, trampolines, skelters, berg toys, arnhem, schelmseweg, tuinwinkel, tuinhout" />
<meta name="RATING" content="General" />

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
<script type="text/javascript">
    var flashvars = {};
    flashvars.galleryURL = "http://www.totaaltuin.nl/fotos/gallery.xml";
    var params = {};            
    params.allowfullscreen = true;
    params.allowscriptaccess = "always";
    params.bgcolor = "FFFFFF";
    swfobject.embedSWF("http://www.totaaltuin.nl/fotos/simpleviewer.swf", "flashContent", "100%", "100%", "9.0.124", false, flashvars, params);
</script>

<style type="text/css">
#flashcontent {
    height: 600px;
    color: #000;
    background-color: #FFF;
}
</style>

<!-- Start of StatCounter Code -->
<script type="text/javascript">
sc_project=3724513; 
sc_invisible=1; 
sc_partition=45; 
sc_security="ab25993b"; 
</script>

<script type="text/javascript" src="http://www.statcounter.com/counter/counter_xhtml.js"></script><noscript><div class="statcounter"><a class="statcounter" href="http://www.statcounter.com/free_hit_counter.html"><img class="statcounter" src="http://c46.statcounter.com/3724513/0/ab25993b/1/" alt="counter" /></a></div></noscript>
<!-- End of StatCounter Code -->

<script 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];}}
}

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>

<script language="JavaScript" type="text/javascript" >
function validatePwd() {
var pw1 = document.form.password.value;
var pw2 = document.form.password2.value;
var initials = document.form.initials.value;
var lastname = document.form.lastname.value;
var address = document.form.address.value;
var zipcode = document.form.zipcode.value;
var place = document.form.place.value;
var email = document.form.email.value;

if(initials == '') {
alert ("U moet uw voorletters invullen. Probeer opnieuw");
return false;
}
if(lastname == '') {
alert ("U moet een achternaam invullen. Probeer opnieuw");
return false;
}
if(address == '') {
alert ("U moet een adres invullen. Probeer opnieuw");
return false;
}
if(zipcode == '') {
alert ("U moet een postcode invullen. Probeer opnieuw");
return false;
}
if(place == '') {
alert ("U moet een plaats invullen. Probeer opnieuw");
return false;
}
if(email == '') {
alert ("U moet een e-mail adres invullen. Probeer opnieuw");
return false;
}
if (echeck(email)==false){
return false;
}

if(pw1 == '') {
alert ("Het wachtwoord veld is niet ingevuld. Probeer opnieuw");
return false;
}
if (pw1 != pw2) {
alert ("Het wachtwoord is niet hetzelfde. Probeer opnieuw");
return false;
}
}




function echeck(str) {
  var at="@"
  var dot="."
  var lat=str.indexOf(at)
  var lstr=str.length
  var ldot=str.indexOf(dot)
  
  if (str.indexOf(at)==-1){
     alert("Ongeldig e-mail adres ingevuld, probeer opnieuw")
     return false
  }
  if (str.indexOf(at)==-1 || str.indexOf(at)==0 || str.indexOf(at)==lstr){
     alert("Ongeldig e-mail adres ingevuld, probeer opnieuw")
     return false
  }
  if (str.indexOf(dot)==-1 || str.indexOf(dot)==0 || str.indexOf(dot)==lstr){
      alert("Ongeldig e-mail adres ingevuld, probeer opnieuw")
      return false
  }
   if (str.indexOf(at,(lat+1))!=-1){
      alert("Ongeldig e-mail adres ingevuld, probeer opnieuw")
      return false
   }
   if (str.substring(lat-1,lat)==dot || str.substring(lat+1,lat+2)==dot){
      alert("Ongeldig e-mail adres ingevuld, probeer opnieuw")
      return false
   }
   if (str.indexOf(dot,(lat+2))==-1){
      alert("Ongeldig e-mail adres ingevuld, probeer opnieuw")
      return false
   }
   if (str.indexOf(" ")!=-1){
      alert("Ongeldig e-mail adres ingevuld, probeer opnieuw")
      return false
   }
   return true          
}

</script>

<script language="JavaScript" type="text/javascript" >
function validateGuestbook() {
var message = document.form.message.value;
var poster = document.form.poster.value;

if(poster == '') {
alert ("U moet een naam invullen. Probeer opnieuw");
return false;
}
if(message == '') {
alert ("U moet een bericht invullen. Probeer opnieuw");
return false;
}
}
</script>

<script language="JavaScript" type="text/javascript" >
function validateContactform() {
var name = document.form.name.value;
var email = document.form.email.value;
var message = document.form.message.value;

if(name == '') {
alert ("U moet een naam invullen. Probeer opnieuw");
return false;
}
if(email == '') {
alert ("U moet een email adres invullen. Probeer opnieuw");
return false;
}
if(message == '') {
alert ("U moet een bericht invullen. Probeer opnieuw");
return false;
}
}
</script>

<script language="JavaScript" type="text/javascript" >
<!-- 
function afficheVignette(cheminVignette,cheminMaxi)
{
document.write('<A HREF="javascript:afficheMaxi(\''+cheminMaxi+'\')"><IMG SRC="'+cheminVignette+'" HSPACE=0 VSPACE=0 BORDER=0 ALT="Klik hier voor een grote afbeelding"></A>');
}
function afficheMaxi(chemin)
{
i1 = new Image;
i1.src = chemin;
html = '<HTML><HEAD><TITLE>Afbeelding product</TITLE></HEAD><BODY LEFTMARGIN=0 MARGINWIDTH=0 TOPMARGIN=0 MARGINHEIGHT=0><CENTER><IMG SRC="'+chemin+'" BORDER=0 NAME=imageTest onLoad="window.resizeTo(document.imageTest.width+14,document.imageTest.height+32)" onclick="window.close();"></CENTER></BODY></HTML>';
popupImage = window.open('','_blank','toolbar=0,location=0,directories=0,menuBar=0,scrollbars=0,resizable=1');
popupImage.document.open();
popupImage.document.write(html);
popupImage.document.close()
};
// -->
</script>

<body style="margin: 0; height: 100%;" onload="MM_preloadImages('http://www.totaaltuin.nl/shopbeeld/contact_f2.jpg','http://www.totaaltuin.nl/shopbeeld/diensten_f2.jpg','http://www.totaaltuin.nl/shopbeeld/verhuur_f2.jpg','http://www.totaaltuin.nl/shopbeeld/fotos_f2.jpg','http://www.totaaltuin.nl/shopbeeld/home_f2.jpg')">
</head>

<div align="center">
  <table width="940" border="0" cellspacing="0" cellpadding="0" style="font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 15px; letter-spacing: 0.1em;">

    <tr>
      <td colspan="2" align="right" style="height: 117px;"><img src="http://www.totaaltuin.nl/shopbeeld/logotop.jpg" alt="toplogo" width="940" height="117" border="0" usemap="#Map" title="toplogo" /></td>
    </tr>
    <tr>
      <td align="center" valign="top" style="width: 180px; background-color:#9CCA36; height: 440px;">
<script language="JavaScript" type="text/javascript" >
var show = 'yes';

function showCategories() {
    if(show == 'yes') {
        show = 'no';
        document.getElementById('show_categories').style.display='block';
    }
    else {
        show = 'yes';
        document.getElementById('show_categories').style.display='none';
    }
}
</script>

<table width="259" border="0" cellspacing="0" cellpadding="0" style="padding-left: 17px;">
        <tr>
          <td align="left">&nbsp;</td>

        </tr>
        <tr>
          <td align="left"><img src="gfx/producten.jpg" alt="producten" style="cursor: pointer;" name="prods" width="220" height="27" onClick="showCategories()" id="prods" /></td>
        </tr>
        <tr>
          <td align="left">
<div id='show_categories' name='show_categories' style='display: none;'>
<p>&nbsp;<br />
<table border="0" cellpadding="0" cellspacing="0" width="220" height="27">
<tr>
<td width="27"><img src="images/catalog/menu_na.jpg" width="27" height="27" alt="" /></td>

<td background="gfx/menu_bg.jpg" class="menu" onmouseover="style.backgroundImage='url(gfx/menu_bg_hover.jpg)'" onmouseout="style.backgroundImage='url(gfx/menu_bg.jpg)'">&nbsp;&nbsp;<a href="?page=catalog&view=category&cat_id=27" class="menu">Aanbiedingen</a></td>
</tr>
</table>
<br />
<table border="0" cellpadding="0" cellspacing="0" width="220" height="27">
<tr>
<td width="27"><img src="images/catalog/menu_12.jpg" width="27" height="27" alt="" /></td>
<td background="gfx/menu_bg.jpg" class="menu" onmouseover="style.backgroundImage='url(gfx/menu_bg_hover.jpg)'" onmouseout="style.backgroundImage='url(gfx/menu_bg.jpg)'">&nbsp;&nbsp;<a href="?page=catalog&view=category&cat_id=12" class="menu">Blokhutten</a></td>
</tr>
</table>
<br />
<table border="0" cellpadding="0" cellspacing="0" width="220" height="27">
<tr>
<td width="27"><img src="images/catalog/menu_17.jpg" width="27" height="27" alt="" /></td>
<td background="gfx/menu_bg.jpg" class="menu" onmouseover="style.backgroundImage='url(gfx/menu_bg_hover.jpg)'" onmouseout="style.backgroundImage='url(gfx/menu_bg.jpg)'">&nbsp;&nbsp;<a href="?page=catalog&view=category&cat_id=17" class="menu">Coole karretjes</a></td>

</tr>
</table>
<br />
<table border="0" cellpadding="0" cellspacing="0" width="220" height="27">
<tr>
<td width="27"><img src="images/catalog/menu_19.jpg" width="27" height="27" alt="" /></td>
<td background="gfx/menu_bg.jpg" class="menu" onmouseover="style.backgroundImage='url(gfx/menu_bg_hover.jpg)'" onmouseout="style.backgroundImage='url(gfx/menu_bg.jpg)'">&nbsp;&nbsp;<a href="?page=catalog&view=category&cat_id=19" class="menu">Dierenverblijven</a></td>
</tr>
</table>
<br />
<table border="0" cellpadding="0" cellspacing="0" width="220" height="27">
<tr>
<td width="27"><img src="images/catalog/menu_26.jpg" width="27" height="27" alt="" /></td>
<td background="gfx/menu_bg.jpg" class="menu" onmouseover="style.backgroundImage='url(gfx/menu_bg_hover.jpg)'" onmouseout="style.backgroundImage='url(gfx/menu_bg.jpg)'">&nbsp;&nbsp;<a href="?page=catalog&view=category&cat_id=26" class="menu">Haardhout</a></td>
</tr>

</table>
<br />
<table border="0" cellpadding="0" cellspacing="0" width="220" height="27">
<tr>
<td width="27"><img src="images/catalog/menu_9.jpg" width="27" height="27" alt="" /></td>
<td background="gfx/menu_bg.jpg" class="menu" onmouseover="style.backgroundImage='url(gfx/menu_bg_hover.jpg)'" onmouseout="style.backgroundImage='url(gfx/menu_bg.jpg)'">&nbsp;&nbsp;<a href="?page=catalog&view=category&cat_id=9" class="menu">Picknicktafels</a></td>
</tr>
</table>
<br />
<table border="0" cellpadding="0" cellspacing="0" width="220" height="27">
<tr>
<td width="27"><img src="images/catalog/menu_18.jpg" width="27" height="27" alt="" /></td>
<td background="gfx/menu_bg.jpg" class="menu" onmouseover="style.backgroundImage='url(gfx/menu_bg_hover.jpg)'" onmouseout="style.backgroundImage='url(gfx/menu_bg.jpg)'">&nbsp;&nbsp;<a href="?page=catalog&view=category&cat_id=18" class="menu">Professioneel Speelplezier</a></td>
</tr>
</table>

<br />
<table border="0" cellpadding="0" cellspacing="0" width="220" height="27">
<tr>
<td width="27"><img src="images/catalog/menu_29.jpg" width="27" height="27" alt="" /></td>
<td background="gfx/menu_bg.jpg" class="menu" onmouseover="style.backgroundImage='url(gfx/menu_bg_hover.jpg)'" onmouseout="style.backgroundImage='url(gfx/menu_bg.jpg)'">&nbsp;&nbsp;<a href="?page=catalog&view=category&cat_id=29" class="menu">Professioneel Speeltoestel</a></td>
</tr>
</table>
<br />
<table border="0" cellpadding="0" cellspacing="0" width="220" height="27">
<tr>
<td width="27"><img src="images/catalog/menu_28.jpg" width="27" height="27" alt="" /></td>
<td background="gfx/menu_bg.jpg" class="menu" onmouseover="style.backgroundImage='url(gfx/menu_bg_hover.jpg)'" onmouseout="style.backgroundImage='url(gfx/menu_bg.jpg)'">&nbsp;&nbsp;<a href="?page=catalog&view=category&cat_id=28" class="menu">Schanskorven</a></td>
</tr>
</table>
<br />

<table border="0" cellpadding="0" cellspacing="0" width="220" height="27">
<tr>
<td width="27"><img src="images/catalog/menu_10.jpg" width="27" height="27" alt="" /></td>
<td background="gfx/menu_bg.jpg" class="menu" onmouseover="style.backgroundImage='url(gfx/menu_bg_hover.jpg)'" onmouseout="style.backgroundImage='url(gfx/menu_bg.jpg)'">&nbsp;&nbsp;<a href="?page=catalog&view=category&cat_id=10" class="menu">Schuttingen</a></td>
</tr>
</table>
<br />
<table border="0" cellpadding="0" cellspacing="0" width="220" height="27">
<tr>
<td width="27"><img src="images/catalog/menu_7.jpg" width="27" height="27" alt="" /></td>
<td background="gfx/menu_bg.jpg" class="menu" onmouseover="style.backgroundImage='url(gfx/menu_bg_hover.jpg)'" onmouseout="style.backgroundImage='url(gfx/menu_bg.jpg)'">&nbsp;&nbsp;<a href="?page=catalog&view=category&cat_id=7" class="menu">Skelters</a></td>
</tr>
</table>
<br />
<table border="0" cellpadding="0" cellspacing="0" width="220" height="27">

<tr>
<td width="27"><img src="images/catalog/menu_5.jpg" width="27" height="27" alt="" /></td>
<td background="gfx/menu_bg.jpg" class="menu" onmouseover="style.backgroundImage='url(gfx/menu_bg_hover.jpg)'" onmouseout="style.backgroundImage='url(gfx/menu_bg.jpg)'">&nbsp;&nbsp;<a href="?page=catalog&view=category&cat_id=5" class="menu">Spelen hout</a></td>
</tr>
</table>
<br />
<table border="0" cellpadding="0" cellspacing="0" width="220" height="27">
<tr>
<td width="27"><img src="images/catalog/menu_22.jpg" width="27" height="27" alt="" /></td>
<td background="gfx/menu_bg.jpg" class="menu" onmouseover="style.backgroundImage='url(gfx/menu_bg_hover.jpg)'" onmouseout="style.backgroundImage='url(gfx/menu_bg.jpg)'">&nbsp;&nbsp;<a href="?page=catalog&view=category&cat_id=22" class="menu">Spelen kunststof</a></td>
</tr>
</table>
<br />
<table border="0" cellpadding="0" cellspacing="0" width="220" height="27">
<tr>

<td width="27"><img src="images/catalog/menu_15.jpg" width="27" height="27" alt="" /></td>
<td background="gfx/menu_bg.jpg" class="menu" onmouseover="style.backgroundImage='url(gfx/menu_bg_hover.jpg)'" onmouseout="style.backgroundImage='url(gfx/menu_bg.jpg)'">&nbsp;&nbsp;<a href="?page=catalog&view=category&cat_id=15" class="menu">Teak Tuinmeubelen</a></td>
</tr>
</table>
<br />
<table border="0" cellpadding="0" cellspacing="0" width="220" height="27">
<tr>
<td width="27"><img src="images/catalog/menu_6.jpg" width="27" height="27" alt="" /></td>
<td background="gfx/menu_bg.jpg" class="menu" onmouseover="style.backgroundImage='url(gfx/menu_bg_hover.jpg)'" onmouseout="style.backgroundImage='url(gfx/menu_bg.jpg)'">&nbsp;&nbsp;<a href="?page=catalog&view=category&cat_id=6" class="menu">Trampolines</a></td>
</tr>
</table>
<br />
<table border="0" cellpadding="0" cellspacing="0" width="220" height="27">
<tr>
<td width="27"><img src="images/catalog/menu_11.jpg" width="27" height="27"></td>

<td background="gfx/menu_bg.jpg" class="menu" onmouseover="style.backgroundImage='url(gfx/menu_bg_hover.jpg)'" onmouseout="style.backgroundImage='url(gfx/menu_bg.jpg)'">&nbsp;&nbsp;<a href="?page=catalog&view=category&cat_id=11" class="menu">Tuinhout</a></td>
</tr>
</table>
<br />
<table border="0" cellpadding="0" cellspacing="0" width="220" height="27">
<tr>
<td width="27"><img src="images/catalog/menu_13.jpg" width="27" height="27" alt="" /></td>
<td background="gfx/menu_bg.jpg" class="menu" onmouseover="style.backgroundImage='url(gfx/menu_bg_hover.jpg)'" onmouseout="style.backgroundImage='url(gfx/menu_bg.jpg)'">&nbsp;&nbsp;<a href="?page=catalog&view=category&cat_id=13" class="menu">Tuinkachels</a></td>
</tr>
</table>
<br />
<table border="0" cellpadding="0" cellspacing="0" width="220" height="27">
<tr>
<td width="27"><img src="images/catalog/menu_21.jpg" width="27" height="27" alt="" /></td>
<td background="gfx/menu_bg.jpg" class="menu" onmouseover="style.backgroundImage='url(gfx/menu_bg_hover.jpg)'" onmouseout="style.backgroundImage='url(gfx/menu_bg.jpg)'">&nbsp;&nbsp;<a href="?page=catalog&view=category&cat_id=21" class="menu">Tuinopbergers</a></td>

</tr>
</table>
<br />
<table border="0" cellpadding="0" cellspacing="0" width="220" height="27">
<tr>
<td width="27"><img src="images/catalog/menu_20.jpg" width="27" height="27" alt="" /></td>
<td background="gfx/menu_bg.jpg" class="menu" onmouseover="style.backgroundImage='url(gfx/menu_bg_hover.jpg)'" onmouseout="style.backgroundImage='url(gfx/menu_bg.jpg)'">&nbsp;&nbsp;<a href="?page=catalog&view=category&cat_id=20" class="menu">Veranda's</a></td>
</tr>
</table>
<br />
</div>
</td>
        </tr>
        <tr>

          <td align="left">&nbsp;</td>
        </tr>
        <tr>
          <td align="left"><a href="?page=information&page_id=4" title="diensten"><img src="gfx/diensten.jpg" alt="diensten" name="diensten" width="220" height="27" border="0" id="diensten" onmouseover="MM_swapImage('diensten','','gfx/diensten_f2.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></td>
        </tr>
        <tr>
          <td align="left">&nbsp;</td>
        </tr>
        <tr>

          <td align="left"><a href="?page=information&page_id=5" title="verhuur"><img src="gfx/verhuur.jpg" alt="verhuur" name="verhuur" width="220" height="27" border="0" id="verhuur" onmouseover="MM_swapImage('verhuur','','gfx/verhuur_f2.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></td>
        </tr>
        <tr>
          <td align="left">&nbsp;</td>
        </tr>
        <tr>
          <td align="left"><a href="?page=contact" title="contact"><img src="gfx/contact.jpg" alt="contactpagina" name="contact" width="220" height="27" border="0" id="contact" onmouseover="MM_swapImage('contact','','gfx/contact_f2.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></td>
        </tr>
        <tr>

          <td align="left">&nbsp;</td>
        </tr>
        <tr>
          <td align="left"><a href="?page=information&page_id=6" title="fotoalbum"><img src="gfx/fotos.jpg" alt="fotoalbum" name="foto" width="220" height="27" border="0" id="foto" onmouseover="MM_swapImage('foto','','gfx/fotos_f2.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></td>
        </tr>
        <tr>
          <td align="left">&nbsp;</td>
        </tr>
        <tr>

          <td align="left"><a href="?page=information&page_id=3" title="naar de welkomstpagina"><img src="gfx/home.jpg" alt="naar de welkomstpagina" name="home" width="220" height="27" border="0" id="home" onmouseover="MM_swapImage('home','','gfx/home_f2.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></td>
        </tr>
        <tr>
          <td align="left">&nbsp;</td>
        </tr>
<tr>
<td align="left">


<table border="0" cellpadding="0" cellspacing="0" width="220" height="27">
<tr>
<td width="27"><img src="gfx/cms_11.jpg" width="27" height="27" alt="" /></td>

<td background="gfx/menu_bg.jpg" class="menu" onmouseover="style.backgroundImage='url(gfx/menu_bg_hover.jpg)'" onmouseout="style.backgroundImage='url(gfx/menu_bg.jpg)'">&nbsp;&nbsp;<a href="?page=information&page_id=11">Afhalen en Bezorgen</a></td>
</tr>
</table>
<br />
<table border="0" cellpadding="0" cellspacing="0" width="220" height="27">
<tr>
<td width="27"><img src="gfx/cms_1.jpg" width="27" height="27" alt="" /></td>
<td background="gfx/menu_bg.jpg" class="menu" onmouseover="style.backgroundImage='url(gfx/menu_bg_hover.jpg)'" onmouseout="style.backgroundImage='url(gfx/menu_bg.jpg)'">&nbsp;&nbsp;<a href="?page=information&page_id=1">Bedrijfsgegevens</a></td>
</tr>
</table>
<br />


</td>
</tr>

        <tr>
          <td align="left">&nbsp;</td>
        </tr>
        <tr>
          <td align="left"><form action="?page=catalog&view=search" method="post">
            <input name="search_string" type="text" size="25" />
            <img src="http://www.totaaltuin.nl/shopbeeld/loep.jpg" alt="zoeken" name="zoekbeeld" width="16" height="16" id="zoekbeeld" />
            <br />

            <strong>zoeken</strong>
          </form></td>
        </tr>
        <tr>
          <td align="center"><a href="http://ideal.nl/consument/incoming/?o=155.100" target="_blank">
   <img src="http://ideal.nl/img/155x100.gif" width="155" height="100" border="0" alt="" />
</a>&nbsp;&nbsp;&nbsp;</td>
        </tr>
        <tr>

          <td align="left">&nbsp;</td>
        </tr>
      </table></td>

<td align="left" valign="top" style="width: 760px; padding-left: 20px;">
<br>
<b>fototest</b><br>
<table border="0" cellspacing="0" cellpadding="0" width="300">
<tr>
<td height="3" bgcolor="#2c932e"></td>
</tr>
</table><br>

<div id="flashcontent">SimpleViewer requires JavaScript and the Flash Player. <a href="http://www.macromedia.com/go/getflashplayer/">Get Flash.</a></div>
</td>
</tr>
</table>

<table width="940" border="0" cellspacing="0" cellpadding="0" align="center">
    <tr>
      <td colspan="2" align="left" style="height: 62px; background-image:url(http://www.totaaltuin.nl/shopbeeld/footer.jpg)">&nbsp;<br />
        <table width="240" border="0" cellspacing="0" cellpadding="0">

          <tr>
            <td width="10" align="left">&nbsp;</td>
            <td width="230" align="left"><a href="?page=information&page_id=7" style="font-weight: bold; color: #FFF; text-decoration: none;">privacy</a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<strong><a href="?page=information&page_id=2" style="font-weight: bold; color: #FFF; text-decoration: none;">algemene voorwaarden</a></strong></td>
          </tr>
        </table></td>
    </tr>
  </table>

</div>

<map name="Map" id="Map">
  <area shape="circle" coords="795,83,21" href="?page=account" alt="ga naar uw account" title="ga naar uw account" />
  <area shape="circle" coords="853,83,21" href="?page=catalog&view=onsale" alt="bekijk onze aanbiedingen" title="bekijk onze aanbiedingen" />
  <area shape="circle" coords="907,84,21" href="?page=cart" alt="bekijk de inhoud van uw winkelwagen" title="bekijk de inhoud van uw winkelwagen" />
</map>

</center>

</body>
</html>
Mike Richards
SimpleViewer Support Team.

Re: Fullscreen and Open Image in new screen don't work

Have done all these things, started all over again, but now even the gallery doesn't show up again.
Strange things happen, and even a tool called SimpleViewer doesnot seem to be that Simple...
I'm thinking about giving up and try another image viewer, because I'm very disappointed even such a simple viewer refuses to work on my server...

Re: Fullscreen and Open Image in new screen don't work

I was too early with my conclusion, I managed to find the problem: the naming of the div ID. flashcontent and flashContent aren't the same things...

Thanks for the help!