Willkommen auf dem Portal für Mediengestalter
|
|
Autor |
Nachricht |
Geru
Threadersteller
Dabei seit: 06.09.2010
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mo 06.09.2010 22:55
Titel Simpleviewer in HTML-Seite einbinden |
|
|
Hallo,
folgendes Problem:
Ich habe den Flash-Export von Lightroom 3 genutzt. Dabei wird die Gallerie als SimpleViewer Gallerie exportiert. Ich habe diese folgendermaßen eingebunden:
Code: | <html>
<head>
<title>Gallerie Titel</title>
<style type="text/css">
div#bilderwechsel {
position:absolute;
overflow:hidden;
}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
<script type="text/javascript">
var flashvars = {};
flashvars.galleryURL = "gallery.xml";
var params = {};
params.bgcolor = "222222";
params.allowfullscreen = false;
params.allowscriptaccess = "always";
swfobject.embedSWF("simpleviewer.swf", "flashContent", "800", "600", "9.0.124", false, flashvars, params);
</script>
</head>
<body bgcolor="2e2e2e" >
<div id="header" style="position: absolute; left: -7px; top: 22px; z-index:51; visibility: visible;">
<img src="images/header.png" />
</div>
<div id="wrapper" style="position: relative; margin: 0 auto; top:174px; z-index:100; width: 80%">
</div>
<div id="gelberStreifen" style='z-index:50; width:80%; right: 0px; background-color: #447D2B; position:absolute; top:144px; height: 10px; float: right; visibility: visible;'>
</div>
<div id='grauerStreifen' style='z-index:0; width:1833px; background-color:#505050; height: 195px; position: absolute; top: 360px; margin-left: -10px; left: 11px; visibility: visible;'></div>
<div id="roterStreifen" style='position:absolute; top:62px; width:100%; z-index:50; background-color:701d3c; height:25px; margin-left: -10px; visibility: visible;'>
</div>
<div id="Knopf" style="position: absolute; top:62px; float:right; z-index:60; right:60px; visibility: visible;"><a onFocus="if(this.blur) {this.blur();}" href="index.php"><img src="images/home-button.png" border="0"></a></div>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="1065" height="480" hspace="200" vspace="150" align="baseline" id="FlashID" title="simpleviewer">
<param name="movie" value="simpleviewer - Kopie.swf">
<param name="quality" value="high">
<param name="wmode" value="transparent">
<param name="swfversion" value="8.0.35.0">
<!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
<param name="expressinstall" value="Scripts/expressInstall.swf">
<!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
<!--[if !IE]>-->
<object data="simpleviewer - Kopie.swf" type="application/x-shockwave-flash" width="1065" height="480" hspace="200" vspace="150" align="baseline">
<!--<![endif]-->
<param name="quality" value="high">
<param name="wmode" value="transparent">
<param name="swfversion" value="8.0.35.0">
<param name="expressinstall" value="Scripts/expressInstall.swf">
<!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
<div>
<h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
<script type="text/javascript">
swfobject.registerObject("FlashID");
</script>
</body>
</html> |
Allerdings gibt es da ein Problem. Wenn ich den wmode des SimpleViewers auf "transparent setze, hat er kein Hitnergrund mehr, was erwünscht ist, liegt aber auch hinter dem div 'grauerStreifen'. Wenn ich den wmode auf "window" setze, liegt er vor allem, was ebenfalls erwünscht ist, aber der Hintergrund davon ist nicht mehr transparent. Hat einer von euch eine Idee, wie ich das ändere?
Also kurz zusammengefasst nochmal:
1. Ziel: Hintergrund des SimpleViewers transparent machen und
2. Ziel: SimpleViewer als "obersten layer" definieren.
PS: Über das ändern der z-indizes bin ich auch nicht weiter gekommen
Danke schon einmal für eure Hilfe.
Wenn ich zu blöd war, die SuFu zu nutzen, tut es mir leid, aber ich hab es versucht!
Angucken könnt ihr euch die Hauptseite unter David-Hartung.de
Wenn ihr dort auf eines der Bilder klickt, kommt ihr in eine Gallerie rein.
Zuletzt bearbeitet von Geru am Mo 06.09.2010 23:02, insgesamt 2-mal bearbeitet
|
|
|
|
|
safer-print
Dabei seit: 11.03.2010
Ort: -
Alter: -
Geschlecht:
|
|
|
|
|
Anzeige
|
|
|
Geru
Threadersteller
Dabei seit: 06.09.2010
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mi 08.09.2010 20:43
Titel
|
|
|
Hallo,
danke erstmal, dass du überhaupt versucht hast zu antworten, aber ich kann mit deiner Antwort leider nichts anfangen. Ich weiß, dass man den wmode auf transparent setzen kann, wie ich es auch oben beschrieben habe, dann liegt aber der Layer 'grauerStreifen" darüber. Wenn ich es nicht auf transparent setze, gibt es einen gammligen Hintergrund, den ich weg habe möchte, aber dann liegt es auf der obersten Ebene.
Hoffentlich war diese Beschreibung deutlicher.
Viele Grüße und nochmals danke im Voraus!
|
|
|
|
|
|
|
|
Ähnliche Themen |
MP4-Datei in HTML-Seite einbinden
SIMPEL webcam auf html Seite einbinden!
Video-Player in HTML-Seite einbinden
Probleme Wordpress in bestehende HTML Seite einbinden
SimpleViewer in Typo3 einbinden
Externe HTML in HTML einbinden
|
|
|
Du kannst keine Beiträge in dieses Forum schreiben. Du kannst auf Beiträge in diesem Forum nicht antworten. Du kannst an Umfragen in diesem Forum nicht mitmachen.
|
|