image-flow in homepage einbinden!?

AbsBeginner · 06.05.2008, 05:41

Hey Forum,

ich würde gerne imageflow in meine homepage einbauen.

Der Code dafür sieht wie folgt aus. Der div-container sitzt aber nicht da, wo ich in haben will (#imageflow). Vielleicht könnt ihr mir sagen was ich falsch gemacht habe. Vielen Dank!

Code:

#imageflow {
	position:absolute;
	left:0%;
	width:850px;
	top:175px;
	height:430px;
	z-index:4;
}

Code:

div id="imageflow"> 
	<div id="loading">
		<b>Loading images</b><br/>
		<img src="loading.gif" width="208" height="13" alt="loading" />
	</div>
	<div id="images">
		<img src="reflect.php?img=my_dir/my_image_1.jpg" longdesc="URL_1" alt="Image_1" />
		<img src="reflect.php?img=my_dir/my_image_2.jpg" longdesc="URL_2" alt="Image_2" />
		<img src="reflect.php?img=my_dir/my_image_3.jpg" longdesc="URL_3" alt="Image_3" />
	</div>
	<div id="captions"></div>
	<div id="scrollbar">
		<div id="slider"></div>
	</div>
</div>
</div>
</body>
</html>

Im Header steht dann noch...

Code:

</script>
<link rel="stylesheet" href="screen.css" type="text/css" media="screen" />
<script language="JavaScript" type="text/javascript" src="imageflow.js"></script>
</head>

Gruß und Danke!

Rinaldo · 06.05.2008, 19:08

Wo willst Du ihn denn haben?!

AbsBeginner · 06.05.2008, 20:08

der container #imageflow ist in meiner homepage in einem hauptcontainer eingebaut.
allerdings verschiebt sich die anwendung imageflow nach rechts, wenn ich mir meine seite angucke und hält sich nicht an die angaben die ich unter #imageflow gemacht habe.

Singal · 06.05.2008, 22:53

Gibt´s noch mehr zu sehen?

AbsBeginner · 06.05.2008, 23:18

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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
<!--
#background {width:100%;
	position:absolute;
	left:0%;
	width:100%;
	top:0%;
	height:100%;
	z-index:1;
	background-color:#D3FFE2;
}
#main {
	position:absolute;
	left:50%;
	width:850px;
	margin-left:-425px;
	top:0%;
	height:600px;
	z-index:2;
}
#banner {
	position:absolute;
	left:0%;
	width:850px;
	top:10px;
	height:115px;
	z-index:2;
}
#navigation {
	position:absolute;
	left:50%;
	width:640px;
	margin-left:-320px;
	top:135px;
	height:25px;
	z-index:3;
}
#imageflow {
	position:absolute;
	left:0%;
	width:850px;
	top:175px;
	height:430px;
	z-index:4;
}
.style1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
}
-->
</style>
<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_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_nbGroup(event, grpName) { //v6.0
  var i,img,nbArr,args=MM_nbGroup.arguments;
  if (event == "init" && args.length > 2) {
    if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
      img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
      if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
      nbArr[nbArr.length] = img;
      for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
        if (!img.MM_up) img.MM_up = img.src;
        img.src = img.MM_dn = args[i+1];
        nbArr[nbArr.length] = img;
    } }
  } else if (event == "over") {
    document.MM_nbOver = nbArr = new Array();
    for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
      if (!img.MM_up) img.MM_up = img.src;
      img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);
      nbArr[nbArr.length] = img;
    }
  } else if (event == "out" ) {
    for (i=0; i < document.MM_nbOver.length; i++) {
      img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
  } else if (event == "down") {
    nbArr = document[grpName];
    if (nbArr)
      for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
    document[grpName] = nbArr = new Array();
    for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
      if (!img.MM_up) img.MM_up = img.src;
      img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
      nbArr[nbArr.length] = img;
  } }
}
//-->
</script>
<link rel="stylesheet" href="screen.css" type="text/css" media="screen" />
<script language="JavaScript" type="text/javascript" src="imageflow.js"></script>
</head>

<body>
<div id="background"></div>
<div id="main">
<div id="banner"><img src="images/banner2.png"/></div>
<div id="navigation">
  <table border="0" cellpadding="0" cellspacing="0">
    <tr>
      <td><a href="default.html" target="_top" onclick="MM_nbGroup('down','group1','homeup','',1)" onmouseover="MM_nbGroup('over','homeup','','',1)" onmouseout="MM_nbGroup('out')"><img src="images/navigation/home_up.png" alt="" name="homeup" width="100" height="25" border="0" id="homeup" onload="" /></a></td>
      <td><a href="unternehmen.html" target="_top" onclick="MM_nbGroup('down','group1','unternehmenup','',1)" onmouseover="MM_nbGroup('over','unternehmenup','','',1)" onmouseout="MM_nbGroup('out')"><img src="images/navigation/unternehmen_up.png" alt="" name="unternehmenup" width="150" height="25" border="0" id="unternehmenup" onload="" /></a></td>
      <td><a href="javascript:;" target="_top" onClick="MM_nbGroup('down','group1','produkteup','',1)" onMouseOver="MM_nbGroup('over','produkteup','','',1)" onMouseOut="MM_nbGroup('out')"><img name="produkteup" src="images/navigation/produkte_up.png" border="0" alt="" onLoad="" /></a></td>
      <td><a href="kontakt.php" target="_top" onClick="MM_nbGroup('down','group1','kontaktup','',1)" onMouseOver="MM_nbGroup('over','kontaktup','','',1)" onMouseOut="MM_nbGroup('out')"><img name="kontaktup" src="images/navigation/kontakt_up.png" border="0" alt="" onLoad="" /></a></td>
      <td><a href="impressum.html" target="_top" onClick="MM_nbGroup('down','group1','impressumup','',1)" onMouseOver="MM_nbGroup('over','impressumup','','',1)" onMouseOut="MM_nbGroup('out')"><img name="impressumup" src="images/navigation/impressum_up.png" border="0" alt="" onLoad="" /></a></td>
    </tr>
  </table>
  </div>
<div id="imageflow"> 
	<div id="loading">
		<b>Loading images</b><br/>
		<img src="loading.gif" width="208" height="13" alt="loading" />
	
	<div id="images">
		<img src="reflect.php?img=my_dir/my_image_1.jpg" longdesc="URL_1" alt="Image_1" />
		<img src="reflect.php?img=my_dir/my_image_2.jpg" longdesc="URL_2" alt="Image_2" />
		<img src="reflect.php?img=my_dir/my_image_3.jpg" longdesc="URL_3" alt="Image_3" />
	</div>
	<div id="captions"></div>
	<div id="scrollbar">
		<div id="slider"></div>
	</div>
</div></div>
</div>
</body>
</html>

Singal · 06.05.2008, 23:31

So, hab mal Deinen Quelltext kurz probiert - erkenne den Fehler immer noch nicht.

Vielleicht weil ich nicht weiß, wie die Site aussehen soll?

AbsBeginner · 07.05.2008, 22:10

Also bei mir klappt es irgendwie gar nicht. Wenn ich den code so eingebe, verschiebt sich die navileiste, sodass nur noch impressum zu sehen ist, imageflow wird überhaupt nicht angezeigt und der größe der seite expandiert von 100% weite sodass ich mit dem scrollbalken nach rechts scrollen kann.

@singal : wie sieht die seite denn bei dir aus? banner-container zentral, darunter navileiste und darunter imageflow zentral in der gleichen weite wie der banner?

Besten Dank schonmal!

Singal · 09.05.2008, 21:04

Zitat:

Zitat von AbsBeginner

wie sieht die seite denn bei dir aus?!

So...

zulujaner · 10.05.2008, 16:10

hallo,

wenn ich deinen Quellcode anschaue fällt mir auf das beim loading DIV der schließende Part fehlt.

<div id="loading">
<b>Loading images</b><br/>
<img src="loading.gif" width="208" height="13" alt="loading" />
</div>
<div id="images">

Wenn du außerdem an 2 verschiedenen Stellen CSS Angaben machst dann mußt du auch beide Stellen auf Angaben und Fehler kontrollieren.

Weil du ja so wenig Infos zum Code geliefert hast, habe ich mir mal die Mühe gemacht und dein IMAGE-FLOW heruntergeladen um an die fehlenden Dateien zu kommen.
In der CSS Datei steht zum Beispiel:

#imageflow{
margin-left:350px;
text-align:left;
}

Weist jetzt warum deine Seite nicht funktioniert??

Singal · 10.05.2008, 20:13

Man sollte sich nicht wundern, wenn die Lösungen für auftretende Probleme so lange brauchen, bis sie gelöst werden.

zulujaner · 10.05.2008, 23:43

Ja manchmal ist es schon schlimm aus nichts ne Lösung zu bilden ;-)

Aber man kann sich auch nen Sport draus machen.

Schärft die grauen Zellen ;-)

AbsBeginner · 12.05.2008, 21:36

@ zulujaner:
ich muss dir sagen das ich nicht weiss warum es nicht funktioniert. Ich hab alles ausprobiert, aber an meiner Seite ändert sich nichts. Du hast ja alle Angaben die ich auch habe...wenn du zeit hast und Lust kannst du ja mal den imageflow code in meinen code so einfügen, dass es klappen müsste. Denn ich komm einfach nicht mehr weiter...

Auf jeden Fall schon mal vielen Dank das du dir überhaupt die Mühe gemacht hast!!!!

Zitat:

Weil du ja so wenig Infos zum Code geliefert hast...

Bei euch heisst es ja immer der code sagt mehr als tausend worte. Ich habe den kompletten code gepostet und gesagt wie die seite in etwa aussehen soll. Ich weiss ehrlich gesagt nicht welche Infos ich noch geben soll...

@singal:
Deine Antworten sind einfach durchweg die besten Von deinen 100+ Antworten ist die Hälfte einfach nur Mist. Antworten um sich über andere lustig zu machen, nicht-konstruktive Kritik oder einfach nur dummes Gelaber. Auch wenn ich jetzt in Gefahr laufe aus dem Forum zu fliegen. Ich würde dennoch Mr. Singal mal ein wenig in die Schranken weisen...

Rinaldo · 12.05.2008, 21:53

Hallo? Was soll dieser Angriff?

Es wurden von Dir von Anfang an fast gar keine Informationen gegeben - das wurde dann zwar besser, aber anscheinend liegt das Problem in CSS-Informationen, die bei image-flow dabei sind. Die hast Du NICHT gezeigt.

Etwas Eigenleistung bei Problemlösung (und sei es nur die Bereitstellung aller benötigten Informationen) könnte man schon erwarten, oder? Hier wird Dir kostenlos und gut geholfen - immer daran denken

.

Und wenn Du mit jemand nicht klar kommst, dann musst Du das nicht hier öffentlich rausposaunen, PN reicht völlig aus...

Singal · 12.05.2008, 21:56

@AbsBeginner: Ich werds mir merken - und die Hilfe einschränken.

AbsBeginner · 12.05.2008, 22:08

@Rinaldo:
Das Problem bei mir (und bei vielen anderen Anfängern) liegt ja darin, dass ich nicht weiss welche Informationen benötigt werden. Ich dachte mit dem kompletten Code hätte ich alles Nötige mitgegeben.
Mit der PN geb ich dir völlig recht...da habe ich leider in dem Moment nicht dran gedacht. Sorry dafür!

@Singal:
Sorry das ich es öffentlich gemacht habe. Nur sollst du deine HILFE nicht einschränken, sondern viel mehr die posts die NICHT HELFEN.