@ miker

first of all, thank you for your time and help.

Gettin rid of the iframe did the transparency magic on IE.... but:

For some unknown reason, the gallery is not working on firefox now. It works on IE, but is not showing every picture like it did before on all other browsers. Some pictures are randomly "X"...

i have a galerie.php in the root folder which is loading the swf object and refering to the according xml file in the "bilder/gallery_name/" - folder.

that`s the code working on all other browsers including the iframe, which loaded the html file delivered with simpleviewer (located at the gallerypath, same as the xml file):

<?php

$gals = scandir('bilder');

$test = count($gals);
for ($i=0; $i<$test; $i++) {$gals[$i] = urlencode($gals[$i]);}

if (isset($_GET['galerie'])) {
    
    if(in_array(urlencode($_GET['galerie']), $gals)) {
    
        $main_content = '<iframe id="gal_content" src="bilder/'.urlencode($_GET['galerie']).'/index.html" frameborder="0" scrolling="no"></iframe>';
    }
    else $main_content = '<center><div id="captcha_ok">beim Laden der Galerie ist ein Fehler aufgetreten...</div></center>';
    
}

$title = htmlentities($_GET['galerie']);
?>


<!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>Katrin Zeidler - <?php echo $title ?></title>
        <link rel="stylesheet" type="text/css" href="css/main.css" media="screen" />
        
    </head>
    <body>
    <center>
        <br>
        <span class="gal_title"><?php echo $title ?></span><br>
        <?php echo $main_content; ?>
        <br><br><br>
        <a href="index.php" class="homelink">Home</a>
    </center>
    </body>
</html>

and here the new code which working on IE, but no more on firefox  :(
(html generated in root folder, xml still in "bilder/gallery_name/")

<?php

$gals = scandir('bilder');

$test = count($gals);
for ($i=0; $i<$test; $i++) {$gals[$i] = urlencode($gals[$i]);}

if (isset($_GET['galerie'])) {
    
    if(in_array(urlencode($_GET['galerie']), $gals)) {
    
        $gallery_path = 'bilder/'.urlencode($_GET['galerie']);
        $main_content = '<div id="flashContent">SimpleViewer requires JavaScript and the Flash Player. <a href="http://get.adobe.com/flashplayer/">Get Flash</a></div>';
        $title = htmlentities($_GET['galerie']);
    }
    else {
    
        $main_content = '<center><div id="captcha_ok">beim Laden der Galerie ist ein Fehler aufgetreten...</div></center>';
        $title = 'Galerie';
    }
    
}


?>


<!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>Katrin Zeidler - <?php echo $title ?></title>
        <link rel="stylesheet" type="text/css" href="css/main.css" media="screen" />
        
        <script type="text/javascript" src="simpleviewer/swfobject.js"></script>
        <script type="text/javascript">
            var flashvars = {};
            flashvars.baseURL = "<?php echo $gallery_path; ?>";
            flashvars.galleryURL = "gallery.xml";
            
            var params = {};            
            params.allowfullscreen = true;
            params.allowscriptaccess = "always";
            
            params.wmode = "transparent";
            swfobject.embedSWF("simpleviewer/simpleviewer.swf", "flashContent", "100%", "100%", "9.0.124", false, flashvars, params);
        </script>
        
        <style type="text/css" media="screen">    
            html, body    { height:600px; }
            body {            
                margin:0;
                padding:0;
                overflow:hidden;
                
            }
        
        </style>
        
    </head>
    <body>
    <center>
        <br>
        <span class="gal_title"><?php echo $title ?></span>
        <br>
        <?php echo $main_content; ?>
        <br><br><br>
        <a href="index.php" class="homelink">Home</a>
    </center>
    </body>
</html>

as you can see, this is nothing fancy. Just a tiny minimal gallery...   

check http://www.thinktown.de/test/index.php   simply click on any gallery (first block of links)

2

(1 replies, posted in SimpleViewer v2)

the good old and simple <center> ... </center> tags around the SimpleViewer DIV did that job for me...

Hi, the gallery is located at:

http://www.thinktown.de/test/galerie.php?galerie=Child1

Hi there,

after embedding the simpleviewer with the javascript method, background-transparency is working fine on all browsers excepting IE, wich is always showing a white background, no matter which bgcolor is defined.

@alekos: How did you fixed the white box problem?

here my Code:

<!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" lang="en" xml:lang="en">
    <head>
        <title>SimpleViewer Gallery</title>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <script type="text/javascript" src="../../simpleviewer/swfobject.js"></script>
        <script type="text/javascript">
            var flashvars = {};
            flashvars.galleryURL = "gallery.xml";
            var params = {};            
            params.allowfullscreen = true;
            params.allowscriptaccess = "always";
            params.bgcolor = "000000";
            params.wmode = "transparent";
            swfobject.embedSWF("../../simpleviewer/simpleviewer.swf", "flashContent", "100%", "100%", "9.0.124", false, flashvars, params);
        </script>
        
        <style type="text/css" media="screen">    
            html, body    { height:600px; }
            body {            
                margin:0;
                padding:0;
                overflow:hidden;
                color:#fff;
                font-family:verdana;
                font-size:20px;        
            }
            a {    
                color:#fff;    
            }
        </style>
        
    </head><body><div id="flashContent">SimpleViewer requires JavaScript and the Flash Player. <a href="http://get.adobe.com/flashplayer/">Get Flash</a></div></body>
</html>

This html-file is embedded into an iframe:

<iframe id="gal_content" src="bilder/'.urlencode($_GET['galerie']).'/index.html" frameborder="0" scrolling="no"></iframe>

can anyone help?

5

(3 replies, posted in SimpleViewer v1)

No, there is no CSS colouring. There is not much left to color on that site...

http://www.thinktown.de/test

6

(3 replies, posted in SimpleViewer v1)

Come on guys

does nobody have any hint?

Hi there,

to make my galeries transparent i used the additional paramter:

fo.addParam("wmode", "transparent");

It worked well in every Browser excepting Internet Explorer 8 (IE´s lower than 8 not tested).
On IE8 all the Background is painted white.

Is there any trick to get the shitty IE make the magic transparent???


greetz Tomatoe, not Ketchup.