Fotogalerie in DIV einfügen?

Diskutiere Fotogalerie in DIV einfügen? im Web & Grafik Forum im Bereich Internet & Telekomunikation Forum; Ich habe mir über Adobe Bridge CS4 eine Fotogalerie fürs Web erstellen lassen. Sprich ich erhalte eine HTML-Datei (galerie.html) und einen Ordner...
  • Fotogalerie in DIV einfügen? Beitrag #1
Flex

Flex

Senior Moderator
Dabei seit
30.12.1999
Beiträge
9.284
Reaktionspunkte
0
Ort
München
Ich habe mir über Adobe Bridge CS4 eine Fotogalerie fürs Web erstellen lassen. Sprich ich erhalte eine HTML-Datei (galerie.html) und einen Ordner "resources" wo die js, swf, xml dateien und images drinn liegen.

Nun möchte ich auf einer bestehenden Webseite, diese Bildergalerie einbauen und zwar soll sie innerhalb einer Tabelle <td> in einen <div>-Tag eingefügt werden.

Wie kann ich die denn in den div-Tag einbinden, so das hierin die galerie.html gleich ausgeführt wird und die Bildergalerie erscheint? Bringe das irgendwie nicht hin....
 
  • Fotogalerie in DIV einfügen? Beitrag #2
C

COGE

Bekanntes Mitglied
Dabei seit
13.01.1999
Beiträge
6.151
Reaktionspunkte
3
Ort
hinten wie von vorne
mir würde jetzt nur ein iframe einfallen, aber nichts mit DIV

oder du kopierst den Quelltext aus der galerie-Seite raus und kopierst ihn in deine Tabelle rein, wenns kein iframe sein soll
 
  • Fotogalerie in DIV einfügen? Beitrag #3
Telcontar

Telcontar

Bekanntes Mitglied
Dabei seit
13.09.2007
Beiträge
3.573
Reaktionspunkte
0
Ort
Erde
Eigentlich müsste es reichen, das JS und das was im Body der galerie.htm steht in den DIV Deiner Seite zu packen. Allerdings müsstest Du dann im Script nachsehen, ob Du evtl. einen Pfad ändern musst. Wenn sich die Galerie selbst wieder aufruft, muss da dann der Name Deiner Seite hin.
Oder so ähnlich ... :confused:
 
  • Fotogalerie in DIV einfügen? Beitrag #4
Flex

Flex

Senior Moderator
Dabei seit
30.12.1999
Beiträge
9.284
Reaktionspunkte
0
Ort
München
Hmmm... also das klappt nicht mit dem einfügen des Quelltextes der Galerieseite in das DIV-Element.

So sieht das DIV-Element aus: <td width="644" valign="top"><div id="foto">Hier soll die Gallerie rein</div></td>

Dem div habe ich die ID Foto gegeben (genau, das div befindet sich in einer tabelle)

Und so sieht die Galeriedatei mit der Fotogalerie aus (wenn ich diese einzeln aufrufe läuft die Galerie ab):

<!-- saved from url=(0013)about:internet -->
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Flextest</title>
<style>
body,html {
margin-top:0;
margin-left:0;
margin-right:0;
margin-bottom:0;
height: 100%;
width: 100%;
}
</style>
<!-- Active Content Workaround Support File -->
<script src="resources/AC_RunActiveContent.js" language="javascript"></script>
<script language="JavaScript" type="text/javascript">
function getQueryVariable(variable) {
var query = window.location.search.substring(1);
var vars = query.split("&");
for (var i=0;i<vars.length;i++) {
var pair = vars.split("=");
if (pair[0] == variable) {
return pair[1];
}
}
return -1;
}
</script>
<script language="JavaScript" type="text/javascript">
var startImg = getQueryVariable("startImg");
//alert(startImg);
</script>
<!-- Flash Detection Script Block -->
<script language="JavaScript" type="text/javascript">
<!--
// -----------------------------------------------------------------------------
// Globals
// Major version of Flash required
var requiredMajorVersion = 8;
// Minor version of Flash required
var requiredMinorVersion = 0;
// Minor version of Flash required
var requiredRevision = 0;
// the version of javascript supported
var jsVersion = 1.0;
// -----------------------------------------------------------------------------
// -->
</script>
<script language="VBScript" type="text/vbscript">
<!-- // Visual basic helper required to detect Flash Player ActiveX control version information
Function VBGetSwfVer(i)
on error resume next
Dim swControl, swVersion
swVersion = 0

set swControl = CreateObject("ShockwaveFlash.ShockwaveFlash." + CStr(i))
if (IsObject(swControl)) then
swVersion = swControl.GetVariable("$version")
end if
VBGetSwfVer = swVersion
End Function
// -->
</script>
<script language="JavaScript1.1" type="text/javascript">
<!-- // Detect Client Browser type
var isIE = (navigator.appVersion.indexOf("MSIE") != -1) ? true : false;
var isWin = (navigator.appVersion.toLowerCase().indexOf("win") != -1) ? true : false;
var isOpera = (navigator.userAgent.indexOf("Opera") != -1) ? true : false;
jsVersion = 1.1;
// JavaScript helper required to detect Flash Player PlugIn version information
function JSGetSwfVer(i){
// NS/Opera version >= 3 check for Flash plugin in plugin array
if (navigator.plugins != null && navigator.plugins.length > 0) {
if (navigator.plugins["Shockwave Flash 2.0"] || navigator.plugins["Shockwave Flash"]) {
var swVer2 = navigator.plugins["Shockwave Flash 2.0"] ? " 2.0" : "";
var flashDescription = navigator.plugins["Shockwave Flash" + swVer2].description;
descArray = flashDescription.split(" ");
tempArrayMajor = descArray[2].split(".");
versionMajor = tempArrayMajor[0];
versionMinor = tempArrayMajor[1];
if ( descArray[3] != "" ) {
tempArrayMinor = descArray[3].split("r");
} else {
tempArrayMinor = descArray[4].split("r");
}
versionRevision = tempArrayMinor[1] > 0 ? tempArrayMinor[1] : 0;
flashVer = versionMajor + "." + versionMinor + "." + versionRevision;
} else {
flashVer = -1;
}
}
// MSN/WebTV 2.6 supports Flash 4
else if (navigator.userAgent.toLowerCase().indexOf("webtv/2.6") != -1) flashVer = 4;
// WebTV 2.5 supports Flash 3
else if (navigator.userAgent.toLowerCase().indexOf("webtv/2.5") != -1) flashVer = 3;
// older WebTV supports Flash 2
else if (navigator.userAgent.toLowerCase().indexOf("webtv") != -1) flashVer = 2;
// Can't detect in all other cases
else {

flashVer = -1;
}
return flashVer;
}
// When called with reqMajorVer, reqMinorVer, reqRevision returns true if that version or greater is available
function DetectFlashVer(reqMajorVer, reqMinorVer, reqRevision)
{
reqVer = parseFloat(reqMajorVer + "." + reqRevision);
// loop backwards through the versions until we find the newest version
for (i=25;i>0;i--) {
if (isIE && isWin && !isOpera) {
versionStr = VBGetSwfVer(i);
} else {
versionStr = JSGetSwfVer(i);
}
if (versionStr == -1 ) {
return false;
} else if (versionStr != 0) {
if(isIE && isWin && !isOpera) {
tempArray = versionStr.split(" ");
tempString = tempArray[1];
versionArray = tempString .split(",");
} else {
versionArray = versionStr.split(".");
}
versionMajor = versionArray[0];
versionMinor = versionArray[1];
versionRevision = versionArray[2];

versionString = versionMajor + "." + versionRevision; // 7.0r24 == 7.24
versionNum = parseFloat(versionString);
// is the major.revision >= requested major.revision AND the minor version >= requested minor
if ( (versionMajor > reqMajorVer) && (versionNum >= reqVer) ) {
return true;
} else {
return ((versionNum >= reqVer && versionMinor >= reqMinorVer) ? true : false );
}
}
}
}
// -->
</script>
</head>
<body><div align="center" style="width:100%; height:100%">
<script language="JavaScript" type="text/javascript">
<!--
// Version check for the Flash Player that has the ability to start Player Product Install (6.0r65)
var hasProductInstall = DetectFlashVer(6, 0, 65);
// Version check based upon the values entered above in "Globals"
var hasReqestedVersion = DetectFlashVer(requiredMajorVersion, requiredMinorVersion, requiredRevision);
// Location visited after installation is complete if installation is required
var MMredirectURL = window.location;
// Stored value of document title used by the installation process to close the window that started the installation process
// This is necessary to remove browser windows that will still be utilizing the older version of the player after installation is complete
// DO NOT MODIFY THE FOLLOWING TWO LINES
//document.title = document.title.slice(0, 47) + " - Flash Player Installation";
document.title = document.title.slice(0, 47);
var MMdoctitle = document.title;

// Check to see if a player with Flash Product Install is available and the version does not meet the requirements for playback
if ( hasProductInstall && !hasReqestedVersion ) {
var productInstallOETags = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"'
+ 'width="550" height="200"'
+ 'codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab">'
+ '<param name="movie" value="resources/playerProductInstall.swf?MMredirectURL='+MMredirectURL+'&MMplayerType=ActiveX&MMdoctitle='+MMdoctitle+'" />'
+ '<param name="quality" value="best" /><param name="bgcolor" value="#3A6EA5" />'
+ '<embed src="resources/playerProductInstall.swf?MMredirectURL='+MMredirectURL+'&MMplayerType=PlugIn" quality="high" bgcolor="#3A6EA5" '
+ 'width="550" height="300" name="detectiontest" aligh="middle"'
+ 'play="true"'
+ 'loop="false"'
+ 'quality="best"'
+ 'allowScriptAccess="sameDomain"'
+ 'type="application/x-shockwave-flash"'
+ 'pluginspage="http://www.adobe.com/go/getflashplayer">'
+ '<\/embed>'
+ '<\/object>';
document.write(productInstallOETags); // embed the Flash Product Installation SWF
} else if (hasReqestedVersion) { // if we've detected an acceptable version
AC_FL_RunContent(
'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0',
'flashvars','baseRefUrl=resources/&groupxml=group.xml&stylexml=style.xml&localText=localText.xml&livePreview=false&startImg='+startImg,
'width', '100%',
'height', '100%',
'src', 'resources/gallery',
'quality', 'high',
'pluginspage', 'http://www.adobe.com/go/getflashplayer',
'align', 'middle',
'play', 'true',
'loop', 'true',
'scale', 'showall',
'wmode', 'window',
'devicefont', 'false',
'id', 'gallery',
'bgcolor', '#f7f7f7',
'name', 'gallery',
'menu', 'true',
'allowScriptAccess','sameDomain',
'movie', 'resources/gallery',
'salign', ''
);
} else { // flash is too old or we can't detect the plugin
var alternateContent = 'This photo gallery requires the Adobe Flash Player.'
+ '<a href=http://www.adobe.com/go/getflash/>Get the free Flash Player here</a>';
document.write(alternateContent); // insert non-flash content
}
// -->
</script>
<noscript>
// Provide alternate content for browsers that do not support scripting
// or for those that have scripting disabled.
Sorry, this photo gallery requires that scripting be enabled on your web browser and that the Adobe Flash Player be installed.
<a href="http://www.adobe.com/go/getflash/">Download the Adobe Flash Player</a>
</noscript>
</div>
</body>
</html>


Ansonsten, wie würde ich das mit dem iframe hier integrieren? Kann ich das auch in in das div-Element einfügen?
 
  • Fotogalerie in DIV einfügen? Beitrag #5
Telcontar

Telcontar

Bekanntes Mitglied
Dabei seit
13.09.2007
Beiträge
3.573
Reaktionspunkte
0
Ort
Erde
Hast Du das ganze JavaScript Gedöns auch in Deiner Seite?

Da tauchen diese beiden Pfade auf, der zweite sogar mehrfach. Stimmen die relativ zu DEINEM Dokument? Evtl. musst Du die anpassen.
resources/AC_RunActiveContent.js
resources/gallery
 
  • Fotogalerie in DIV einfügen? Beitrag #6
Flex

Flex

Senior Moderator
Dabei seit
30.12.1999
Beiträge
9.284
Reaktionspunkte
0
Ort
München
Ja, das JS ist auch mit drinn. Also diese Seite wurde durch Adobe Bridge erstellt und ruft die Fotogalerie auf! Die Pfade hatte ich angepasst, also ja die stimmen!
 
  • Fotogalerie in DIV einfügen? Beitrag #7
Telcontar

Telcontar

Bekanntes Mitglied
Dabei seit
13.09.2007
Beiträge
3.573
Reaktionspunkte
0
Ort
Erde
Kannst Du das einmal irgendwo hochladen? Wenn möglich, mit allen Ressourcen.
 
  • Fotogalerie in DIV einfügen? Beitrag #8
Flex

Flex

Senior Moderator
Dabei seit
30.12.1999
Beiträge
9.284
Reaktionspunkte
0
Ort
München
  • Fotogalerie in DIV einfügen? Beitrag #9
Telcontar

Telcontar

Bekanntes Mitglied
Dabei seit
13.09.2007
Beiträge
3.573
Reaktionspunkte
0
Ort
Erde
So, bei mir funzt es so ...



Hier der Quelltext für Deine Seite. Du müsstest die Pfade in den Zeilen 40, 206, 208, 222, 225, 239 noch relativ zurücksetzen, da ich sie beim Testen absolut eingesetzt habe. Es funktioniert aber auch so.

HTML:
<html>
<head>
<title>testseite flex</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
#menue {
	position:absolute;
	left:17px;
	top:162px;
	width:110px;
	height:180px;
	z-index:1;
}
#apDiv2 {
	position:absolute;
	left:13px;
	top:360px;
	width:125px;
	height:127px;
	z-index:2;
}
-->
</style>
<link href="css/menue.css" rel="stylesheet" type="text/css">
<link href="css/adresse_balken_links.css" rel="stylesheet" type="text/css">
<link href="css/copyright.css" rel="stylesheet" type="text/css">

<style>
body,html {
margin-top:0;
margin-left:0;
margin-right:0;
margin-bottom:0;
height: 100%;
width: 100%;
}
</style>
<!-- Active Content Workaround Support File -->
<script src="http://flex-net.homepage.t-online.de/Flextest/resources/AC_RunActiveContent.js" language="javascript"></script>
<script language="JavaScript" type="text/javascript">
function getQueryVariable(variable) {
  var query = window.location.search.substring(1);
  var vars = query.split("&");
  for (var i=0;i<vars.length;i++) {
    var pair = vars[i].split("=");
    if (pair[0] == variable) {
      return pair[1];
    }
  } 
  return -1;
}
</script>

<script language="JavaScript" type="text/javascript">
  var startImg = getQueryVariable("startImg");
  //alert(startImg);
</script> 

<!-- Flash Detection Script Block -->
<script language="JavaScript" type="text/javascript">
<!--
// -----------------------------------------------------------------------------
// Globals
// Major version of Flash required
var requiredMajorVersion = 8;
// Minor version of Flash required
var requiredMinorVersion = 0;
// Minor version of Flash required
var requiredRevision = 0;
// the version of javascript supported
var jsVersion = 1.0;
// -----------------------------------------------------------------------------
// -->
</script>
<script language="VBScript" type="text/vbscript">
<!-- // Visual basic helper required to detect Flash Player ActiveX control version information
Function VBGetSwfVer(i)
  on error resume next
  Dim swControl, swVersion
  swVersion = 0
  
  set swControl = CreateObject("ShockwaveFlash.ShockwaveFlash." + CStr(i))
  if (IsObject(swControl)) then
    swVersion = swControl.GetVariable("$version")
  end if
  VBGetSwfVer = swVersion
End Function
// -->
</script>
<script language="JavaScript1.1" type="text/javascript">
<!-- // Detect Client Browser type
var isIE  = (navigator.appVersion.indexOf("MSIE") != -1) ? true : false;
var isWin = (navigator.appVersion.toLowerCase().indexOf("win") != -1) ? true : false;
var isOpera = (navigator.userAgent.indexOf("Opera") != -1) ? true : false;
jsVersion = 1.1;
// JavaScript helper required to detect Flash Player PlugIn version information
function JSGetSwfVer(i){
	// NS/Opera version >= 3 check for Flash plugin in plugin array
	if (navigator.plugins != null && navigator.plugins.length > 0) {
		if (navigator.plugins["Shockwave Flash 2.0"] || navigator.plugins["Shockwave Flash"]) {
			var swVer2 = navigator.plugins["Shockwave Flash 2.0"] ? " 2.0" : "";
      		var flashDescription = navigator.plugins["Shockwave Flash" + swVer2].description;
			descArray = flashDescription.split(" ");
			tempArrayMajor = descArray[2].split(".");
			versionMajor = tempArrayMajor[0];
			versionMinor = tempArrayMajor[1];
			if ( descArray[3] != "" ) {
				tempArrayMinor = descArray[3].split("r");
			} else {
				tempArrayMinor = descArray[4].split("r");
			}
      		versionRevision = tempArrayMinor[1] > 0 ? tempArrayMinor[1] : 0;
            flashVer = versionMajor + "." + versionMinor + "." + versionRevision;
      	} else {
			flashVer = -1;
		}
	}
	// MSN/WebTV 2.6 supports Flash 4
	else if (navigator.userAgent.toLowerCase().indexOf("webtv/2.6") != -1) flashVer = 4;
	// WebTV 2.5 supports Flash 3
	else if (navigator.userAgent.toLowerCase().indexOf("webtv/2.5") != -1) flashVer = 3;
	// older WebTV supports Flash 2
	else if (navigator.userAgent.toLowerCase().indexOf("webtv") != -1) flashVer = 2;
	// Can't detect in all other cases
	else {
		
		flashVer = -1;
	}
	return flashVer;
} 
// When called with reqMajorVer, reqMinorVer, reqRevision returns true if that version or greater is available
function DetectFlashVer(reqMajorVer, reqMinorVer, reqRevision) 
{
 	reqVer = parseFloat(reqMajorVer + "." + reqRevision);
   	// loop backwards through the versions until we find the newest version	
	for (i=25;i>0;i--) {	
		if (isIE && isWin && !isOpera) {
			versionStr = VBGetSwfVer(i);
		} else {
			versionStr = JSGetSwfVer(i);		
		}
		if (versionStr == -1 ) { 
			return false;
		} else if (versionStr != 0) {
			if(isIE && isWin && !isOpera) {
				tempArray         = versionStr.split(" ");
				tempString        = tempArray[1];
				versionArray      = tempString .split(",");				
			} else {
				versionArray      = versionStr.split(".");
			}
			versionMajor      = versionArray[0];
			versionMinor      = versionArray[1];
			versionRevision   = versionArray[2];
			
			versionString     = versionMajor + "." + versionRevision;   // 7.0r24 == 7.24
			versionNum        = parseFloat(versionString);
        	// is the major.revision >= requested major.revision AND the minor version >= requested minor
			if ( (versionMajor > reqMajorVer) && (versionNum >= reqVer) ) {
				return true;
			} else {
				return ((versionNum >= reqVer && versionMinor >= reqMinorVer) ? true : false );	
			}
		}
	}	
}
// -->
</script>

</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (Layout.psd) -->

<table id="Tabelle_01" width="800" height="600" border="1" cellpadding="0" cellspacing="0">
	<tr>
		<td colspan="2">&nbsp;</td>
	</tr>
	<tr>
		<td width="156" valign="top">&nbsp;</td>
		<td width="644" valign="top">
			<div align="center" style="width:100%; height:100%" id="foto">
			<script language="JavaScript" type="text/javascript">
			<!-- 
			// Version check for the Flash Player that has the ability to start Player Product Install (6.0r65)
			var hasProductInstall = DetectFlashVer(6, 0, 65);
			
			// Version check based upon the values entered above in "Globals"
			var hasReqestedVersion = DetectFlashVer(requiredMajorVersion, requiredMinorVersion, requiredRevision);
			
			// Location visited after installation is complete if installation is required
			var MMredirectURL = window.location;
			
			// Stored value of document title used by the installation process to close the window that started the installation process
			// This is necessary to remove browser windows that will still be utilizing the older version of the player after installation is complete
			// DO NOT MODIFY THE FOLLOWING TWO LINES
			//document.title = document.title.slice(0, 47) + " - Flash Player Installation";
			document.title = document.title.slice(0, 47);
			var MMdoctitle = document.title;
			
			// Check to see if a player with Flash Product Install is available and the version does not meet the requirements for playback
			if ( hasProductInstall && !hasReqestedVersion ) {
			    var productInstallOETags = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"'
			    + 'width="550" height="200"'
			    + 'codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab">'
			    + '<param name="movie" value="http://flex-net.homepage.t-online.de/Flextest/resources/playerProductInstall.swf?MMredirectURL='+MMredirectURL+'&MMplayerType=ActiveX&MMdoctitle='+MMdoctitle+'" />'
			    + '<param name="quality" value="best" /><param name="bgcolor" value="#3A6EA5" />'
			    + '<embed src="http://flex-net.homepage.t-online.de/Flextest/resources/playerProductInstall.swf?MMredirectURL='+MMredirectURL+'&MMplayerType=PlugIn" quality="high" bgcolor="#3A6EA5" '
			    + 'width="550" height="300" name="detectiontest" aligh="middle"'
			    + 'play="true"'
			    + 'loop="false"'
			    + 'quality="best"'
			    + 'allowScriptAccess="sameDomain"'
			    + 'type="application/x-shockwave-flash"'
			    + 'pluginspage="http://www.adobe.com/go/getflashplayer">'
			    + '<\/embed>'
			    + '<\/object>';
			    document.write(productInstallOETags);   // embed the Flash Product Installation SWF
			} else if (hasReqestedVersion) {  // if we've detected an acceptable version
			    AC_FL_RunContent(
						'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0',
						'flashvars','baseRefUrl=http://flex-net.homepage.t-online.de/Flextest/resources/&groupxml=group.xml&stylexml=style.xml&localText=localText.xml&livePreview=false&startImg='+startImg,
						'width', '100%',
						'height', '100%',
						'src', 'http://flex-net.homepage.t-online.de/Flextest/resources/gallery',
						'quality', 'high',
						'pluginspage', 'http://www.adobe.com/go/getflashplayer',
						'align', 'middle',
						'play', 'true',
						'loop', 'true',
						'scale', 'showall',
						'wmode', 'window',
						'devicefont', 'false',
						'id', 'gallery',
						'bgcolor', '#f7f7f7',
						'name', 'gallery',
						'menu', 'true',
						'allowScriptAccess','sameDomain',
						'movie', 'http://flex-net.homepage.t-online.de/Flextest/resources/gallery',
						'salign', ''
						);
			  } else {  // flash is too old or we can't detect the plugin
			    var alternateContent = 'This photo gallery requires the Adobe Flash Player.'
			   	+ '<a href=http://www.adobe.com/go/getflash/>Get the free Flash Player here</a>';
			    document.write(alternateContent);  // insert non-flash content
			  }
			// -->
			</script>
			
			<noscript>
				// Provide alternate content for browsers that do not support scripting
				// or for those that have scripting disabled.
			  	Sorry, this photo gallery requires that scripting be enabled on your web browser and that the Adobe Flash Player be installed.
			  	<a href="http://www.adobe.com/go/getflash/">Download the Adobe Flash Player</a>  	
			</noscript>
			
			</div>
		</td>
	</tr>
	<tr>
		<td colspan="2" valign="top"><div id="copyright"></div></td>
	</tr>
</table>
<!-- End Save for Web Slices -->
</body>
</html>

Ich habe eigentlich nur die Quelltexte zusammengeführt und die Pfade in den Scripten angepasst. Funktionierte auf Anhieb. Allerdings läuft die ganze Choose nicht mehr, wenn nur ein Pfad bei der Anpassung vergessen wurde.
 
  • Fotogalerie in DIV einfügen? Beitrag #10
Flex

Flex

Senior Moderator
Dabei seit
30.12.1999
Beiträge
9.284
Reaktionspunkte
0
Ort
München
@Telecontar

:got::got: Super, es funktioniert. Keine Ahnung, wo da mein Fehler war, habs ums verrecken nicht hinbekommen, obwohl ich bestimmt 10 - 15 mal das ganze versucht habe - hab' vermutlich irgendwo ein script falsch eingefügt!

Herzlichen Dank!

Jetzt noch kurz ne Verständnisfrage zu der Galerie! Wenn ich diese jetzt um einige Fotos erweitere, dürfte sich ja am Code nichts ändern... oder?
Sprich, ich lass mir die in Bridge erstellen, im gleichen Verzeichnis...
 
  • Fotogalerie in DIV einfügen? Beitrag #11
Telcontar

Telcontar

Bekanntes Mitglied
Dabei seit
13.09.2007
Beiträge
3.573
Reaktionspunkte
0
Ort
Erde
Der Aufruf müsste eigentlich immer der gleiche sein. Die Variablen werden wohl von der Flashdatei übergeben, wenn ich das richtig interpretiert habe.
 
  • Fotogalerie in DIV einfügen? Beitrag #12
Flex

Flex

Senior Moderator
Dabei seit
30.12.1999
Beiträge
9.284
Reaktionspunkte
0
Ort
München
Ah ok, habe mich jetzt ein bisschen rumgespielt.

Wie kann ich denn die Fotogröße ändern, also in der Gallerie, wo das Hauptfoto angezeigt wird?
 
  • Fotogalerie in DIV einfügen? Beitrag #13
Telcontar

Telcontar

Bekanntes Mitglied
Dabei seit
13.09.2007
Beiträge
3.573
Reaktionspunkte
0
Ort
Erde
Die Darstellung in der HTML-Seite ist auf 100% * 100% eingestellt. Das Gesamtbild der Galerie passt sich also dem übergeordneten DIV-Tag an. Die Größe der Previews und des eigentlich Bildes müsstes Du in der Engine für die Galerie einstellen.
 
  • Fotogalerie in DIV einfügen? Beitrag #14
Flex

Flex

Senior Moderator
Dabei seit
30.12.1999
Beiträge
9.284
Reaktionspunkte
0
Ort
München
Ja, das ist auch ganz gut so, dass sich die Größe der Galerie dem übergeordneten DIV-Tag anpasst, so soll's auch sein. Genau, das eigentliche Bild soll größer sein! Allerdings kann man bei Bridge nicht gerade viel einstellen, um es genau zu sagen, kaum etwas... Deshalb wollte ich die Größenänderung des eigentlichen Bildes irgendwo im Quelltext direkt vornehmen... bloss wo?
 
  • Fotogalerie in DIV einfügen? Beitrag #15
Telcontar

Telcontar

Bekanntes Mitglied
Dabei seit
13.09.2007
Beiträge
3.573
Reaktionspunkte
0
Ort
Erde
Irgenwo im Quelltext steht etwas wie ...
&groupxml=group.xml&stylexml=style.xml
Hast Du die XML-Seiten irgendwo?
Schau doch einmal da rein, ob da evtl. der Aufbau der Flash-Datei näher definiert wird.
 
  • Fotogalerie in DIV einfügen? Beitrag #16
Flex

Flex

Senior Moderator
Dabei seit
30.12.1999
Beiträge
9.284
Reaktionspunkte
0
Ort
München
Die Datei style.xml sieht so aus:

<?xml version="1.0" encoding="UTF-8"?>
<galleryStyle xmlns="
http://ns.adobe.com/AMG/1.2/">
<styleInfo xmlns="
http://ns.adobe.com/AMG/1.2/">
<thumbnailPath src="05darkroom.jpg" />
<previewPath src="" />
<styleName>"Mittelgroße Miniatur"</styleName>
<styleDescription>"Minimalistisch - Schwarz"</styleDescription>
<galleryMaker></galleryMaker>
<author>Adobe</author>
<authorApplication>Photoshop Elements 5.0</authorApplication>
<creationDate>2006-05-23</creationDate>
<galleryMaker name="Adobe Flash Gallery" version="1.23" />
</styleInfo>
<appearance>
<viewOptions startingView='galleryDefault' />
<metadataOptions metadataPosition='underPhotos' />
<feedbackOptions feedbackMode='disabled' />
<mediaPosition positionType='auto' imageScale='downOnly' videoScale='upDown' x='' y='' width='' height='' />
<slideTransitions slideDuration='5' transition='fade' transitionDuration='.75' />
<bandWidthOptions connection='broadband' />
<playOptions playMode='pause' />
<background>
<backgroundBgColor color='0f0f0f' alpha='100' />
<backgroundBgImg src='' alpha='0' />
</background>
<headerBar>
<headerBarEnabled enabled='true' />
<headerBarColor color='0f0f0f' alpha='100' />
<pageTitle fontFamily='Myriad Web Pro' color='9f9f9f' size='20' alpha='100' />
<pageTitleImg src='' />
<groupTitle fontFamily='Myriad Web Pro' color='9f9f9f' size='16' alpha='100' />
</headerBar>
<menuBar>
<menuBarEnabled enabled='true' />
<menuBgColor color='000000' />
<menuHover color='242424' />
<menuText color='9f9f9f' />
</menuBar>
<contactInfo>
<contactInfoText fontFamily='Myriad Web Pro' color='9f9f9f' size='11' alpha='100' />
</contactInfo>
<thumbnailView>
<thumbnailViewBgColor color='0f0f0f' alpha='100' />
<thumbnailViewBorder color='0f0f0f' alpha='0' />
<thumbnails>
<thumbBorder color='000000' alpha='100' width='1' />
<thumbHover color='FF0000' alpha='100' />
<thumbSelected color='9f9f9f' alpha='100' />
<thumbDropShadow enabled='false' />
</thumbnails>
<thumbnailViewControls>
<thumbViewCtrlText color='9f9f9f' alpha='100' />
<thumbViewBtnBorder color='242424' alpha='100' />
<thumbViewBtnBackground color='0f0f0f' alpha='100' />
<thumbViewBtnFore color='9f9f9f' alpha='100' />
</thumbnailViewControls>
<thumbnailSize size='medium' />
</thumbnailView>
<slideshow>
<slideshowBgColor color='000000' alpha='100' />
<slideshowBorder color='0f0f0f' alpha='0' />
<images>
<imageBorder color='000000' alpha='100' width='1' />
<imageDropShadow enabled='false' />
</images>
<slideshowMetadata>
<metadataField height='32' titles='false' captions='true' />
<metadataFieldText fontFamily='Myriad Web Pro' color='cecdcd' size='13' alpha='100' />
</slideshowMetadata>
<slideshowButtons>
<slideshowCtrlText fontFamily='Myriad Web Pro' color='9f9f9f' size='13' alpha='100' />
<slideshowBtnBorder color='0f0f0f' alpha='100' />
<slideshowBtnBackground color='000000' alpha='100' />
<slideshowBtnFore color='666666' alpha='100' />
</slideshowButtons>
<videoCtrl>
<videoCtrlBgColor color='000000' alpha='95' />
<videoCtrlBorder color='666666' alpha='100' width='1' />
<videoCtrlBtnBorder color='9f9f9f' alpha='100' />
<videoCtrlBtnBackground color='3e3e3e' alpha='100' />
<videoCtrlBtnFore color='ffffff' alpha='100' />
<videoDropShadow enabled='false' />
</videoCtrl>
</slideshow>
<metadataView>
<metadataViewField widthPercentage='.33' titles='false' captions='true' />
<metadataViewBgColor color='0f0f0f0f' alpha='100' />
<metadataViewBorder color='0f0f0f' alpha='100' />
<metadataViewTitle fontFamily='Myriad Web Pro' color='ffffff' linkColor='9EAFC1' size='13' align='left' />
<metadataViewText fontFamily='Myriad Web Pro' color='cecdcd' linkColor='ffffff' size='13' align='left' />
<metadataViewBtnBorder color='242424' alpha='100' />
<metadataViewBtnBackground color='0f0f0f' alpha='100' />
<metadataViewBtnFore color='9f9f9f' alpha='100' />
</metadataView>
<galleryInfo>
<galleryInfoBgColor color='000000' alpha='100' />
<galleryInfoBorder color='000000' alpha='0' />
<galleryInfoTextField width='635' height='1200' />
<galleryInfoText fontFamily='Myriad Web Pro' color='9f9f9f' linkColor='ffffff' size='13' align='left' />
<galleryInfoBtnBorder color='9f9f9f' alpha='100' />
<galleryInfoBtnBackground color='0f0f0f' alpha='100' />
<galleryInfoBtnFore color='9f9f9f' alpha='100' />
</galleryInfo>
</appearance>
</galleryStyle>
 
  • Fotogalerie in DIV einfügen? Beitrag #17
Telcontar

Telcontar

Bekanntes Mitglied
Dabei seit
13.09.2007
Beiträge
3.573
Reaktionspunkte
0
Ort
Erde
Da kann man schon eine ganze Menge einstellen. Aber die Größe für das Bild habe ich jetzt nicht gefunden :no:

Kann man in Bridge (ich kenne es leider nicht) evtl. die Previews untereinander anzeigen lassen und damit den Raum für das Bild vergrößern? Es müsste eigentlich auch irgendwo einzustellen sein, wie das Verhältnis Links zu Rechts ist. Zur Zeit scheint es 50:50.

Wenn es ein Autorentool für solche Zwecke ist, fahre doch einfach einmal im Edit-Modus über die Trennlinie zwischen links und rechts und schau mal, ob Du die bewegen kannst.
 
  • Fotogalerie in DIV einfügen? Beitrag #18
Flex

Flex

Senior Moderator
Dabei seit
30.12.1999
Beiträge
9.284
Reaktionspunkte
0
Ort
München
Nee, bei der Bridge kann man leider kaum etwas einstellen und ist auf die Vorgaben angewiesen. ein Autorentool gibts da auch nicht... na egal erst mal.

Du gibts auch die Möglichkeite, die garlerie.html direkt in dem DIV-Tag automatisch aufrufen zu lassen, also so, dass ich nicht jedes Mal den Quelltext einfügen muss... ? Das wäre etwas einfacher, vorallem wenn ich mehrere Galerien in der Seite einbinden will.
 
  • Fotogalerie in DIV einfügen? Beitrag #19
Telcontar

Telcontar

Bekanntes Mitglied
Dabei seit
13.09.2007
Beiträge
3.573
Reaktionspunkte
0
Ort
Erde
Da würde mir jetzt auch nur ein Iframe einfallen, wie Coge schon am Anfang sagte.
 
  • Fotogalerie in DIV einfügen? Beitrag #20
Flex

Flex

Senior Moderator
Dabei seit
30.12.1999
Beiträge
9.284
Reaktionspunkte
0
Ort
München
ok, wie würde das dann im Quelltext aussehen? Kannst mir das mal am obigen Quelltext zeigen?
 
Thema:

Fotogalerie in DIV einfügen?

ANGEBOTE & SPONSOREN

https://www.mofapower.de/

Statistik des Forums

Themen
213.180
Beiträge
1.579.173
Mitglieder
55.879
Neuestes Mitglied
stonetreck
Oben