[HaBo]

jami · 09.03.06, 21:33

Alos ich bin am Machen einer site...
Kurz un bündig, das Konzept ist folgendes:

in der mitte (horizontal) ist eine Reich mit Bildern...kannst ziemlich lang werden - egal. Jedes dieser Bilder stellt Projekt dar. Wenn man mit dem Mauszeiger über ein Bild fährt, dann fährt quasi nach zufallsprinzip (muss nur immer anders sein nich unbedingt zufall) eine Bilderreihe mit weiteren Bilder nach oben oder unten oder um die Ecke oder wie auch immer aus. wenn man wo anders hinklickr isse wieder weg.
Wenn man ein Bild anklickt kommt ein Popup wo es vergrößert ist. Scrollleiste wird durch zwei Pfeile ersetzt.

Das einzige wo ich nicht ganz zusammenkomme ist wie ich das mit "dem Ausfahren" löse...
Ich hätte an div container gedacht, wird wohl das am naheliegendste sein.

Ich brauch keinen fertig geschrieben Code sondern bitte nur techniken oder ideen.

Prometheus · 10.03.06, 10:14

Hört ganz nach einer Aufgabe für Java-Applets oder Flash an.
HTML alleine würde soetwas nicht auf die Beine kriegen und PHP würde sich dafür auch nicht unbedingt anbieten, wenn dann nur in Zusammenarbeit mit Flash oder Java-Applets.
Aber im Grunde reicht es aus wenn du Java-Applets oder Flash nimmst.
Du kannst ja mal schauen ob du schon in einen der Bereiche etwas Ahnung hast.
Mit irgendwelchen Scriptaufbauvorschlägen kann ich dir leider auch nicht dienen, da mein Wissen in diesen Bereichen sehr begrentzt ist.

Anzeige

- Anzeige -

jami · 11.03.06, 17:23

schon klar bin von js ausgegangen...bin nicht so ein flash fan
Aber leider bin ich bei js auch sehr dünn unterwegs...hat irgendjemand eine Idee?

**Mackz** · 11.03.06, 20:43

Ich hab dir mal ein kleines Beispiel gebaut, vielleicht hilft es dir weiter.

Code:

<html><head>
<script>

function show (name) {

var navi = new Array("navi1", "navi2", "navi3");


  if (document.getElementById) {

	for (var i = 0; i < navi.length; i++) {
	
  		document.getElementById(navi[i]).style.visibility = "hidden";
	}	

	
  document.getElementById(name).style.visibility = "visible";
  } 


}



</script>


<style type="text/css">
<!--
body, html{ 
 margin: 0;
 padding: 0;
}

.main {
width:100%;
margin: 0 auto;
text-align: center;
}

-->
</style>
</head>
<body>
<div class="main">

<div id="navi1" style="position: absolute; left:50%; top:45%; visibility:hidden"><img src="" alt="pic1" /></div>
<div id="navi2" style="position: absolute; left:55%; top:55%; visibility:hidden"><img src="" alt="pic1" /><br /><img src="" alt="pic1" /><br /><img src="" alt="pic1" /><br /><a href="http://www.hackerboard.de">Das HaBo</a></div>
<div id="navi3" style="position: absolute; left:60%; top:35%; visibility:hidden"><a href="http://www.hackerboard.de">Das HaBo</a><br /><a href="http://www.hackerboard.de">Das HaBo</a><br /><a href="http://www.hackerboard.de">Das HaBo</a></div>

<div style="position: absolute; left:50%; top:50%;"><img src="" alt="pic1" onmouseover="show('navi1');" /> <img src="" alt="pic2" onmouseover="show('navi2');" /> <img src="" alt="pic3" onmouseover="show('navi3');" /></div>


</div>
</body>
</html>

Eine "Animation" der einzelnen Pics könnte man evtl. erziehlen, indem man sie zusätzlich in einzelne div packt und die divs nacheinader einblendet. (mit einer for-Schleife und setTimeout())

jami · 12.03.06, 17:45

TOP das ist genau das was ich gemeint habe....herzlichen Dank
ich werd hier mal ienen link reinstellen wenns fertig ist

//Edit

da is nur eins...ich möchte das das ausgefahrene verschwindet wenn man "ins leere" klickt. Habs mit <body onClick...> geht ja nicht, onBlur will ich nicht machen weil es soll ja solange bleiben solange mans nicht totklickt also hab ich einen neuen div mit 100% height und width gemacht, und dem das onclick verpasst - keine Problem sagt Firefox, aber...IE
im IE is dieser div nur ganz oben ein schmaler streifen...hab ich was falsch gemacht oder haut das nur nicht mit dem IE hin?

////Edit
habs mla vorübergehend mit h=500px gelöst...is aber auch nicht wirklich fein...also wenn wer eine bessere Idee hat

**Mackz** · 12.03.06, 22:30

Zitat:

Original von jami
Habs mit <body onClick...> geht ja nicht

Wieso nicht?

Lösungsvorschlag:

Code:

...

function clearall () {

var navi = new Array("navi1", "navi2", "navi3");

if (document.getElementById) {
	for (var i = 0; i < navi.length; i++) {  		
                 document.getElementById(navi[i]).style.visibility = "hidden";
	}	

  } 

}

...

<body onclick="clearall();">

...

<a href="http://www.seite.de" onClick="show('navi2');">Link in der Navi</a>

...

Müsste eigentlich funktionieren.
Das Navi Array kannst du ja an anderer Stelle definieren, so das du das nur einmal erstellen musst.

jami · 12.03.06, 23:14

oh mein Fehler...hab da blind der Autovervollständigung von Dreamweaver geglaubt....peinlich
es geht noch einfach in dem man onClick="show()" ohna übergabe variable gibt...ist zwar moralisch nicht ganz sauber aber es geht....ca so wie ohne Kupplung schalten
Dann hätte sich das gelöst...danke

**Mackz** · 13.03.06, 00:25

Zitat:

Original von jami
es geht noch einfach in dem man onClick="show()" ohna übergabe variable gibt...

Ach stimmt ja. Siehste, ist mir garnicht aufgefallen.

jami · 06.04.06, 23:13

Um keinen neuen thread machen zu müssen knüpfe ich gleich hier an....immer noch sleb seite nur neue challenge:

ich möchte nun die ganzen projekte einfügen, und weil man kein coder sein muss um sich denken zu können dass ich da tausend und einmal dass gleiche schreiben muss schwebt mir ein Schleife for...

meine Dateistruktur:

index.htm
#projekte
#projekt1
bild.jpg
bild2.jpg
...
info.htm
#projekt2
#projekt3
...
#images

und die schleife muss dann für jedes projekt erzeugen:
-ein div tag mit der richtig errechneten position (top und left)
-die bilder einfügen
-unten den text aus info reinschreiben

was dann vllt so weit gehe könnte dass wenn man einfach einen neuen projekt ordner dazu fügt und alles richtig benennt er das projekt automatisch dazuordnet

Geht das? Oder soll ich leiber mal anfange alles per Hand zu schreiben?

404 · 06.04.06, 23:50

Wenn ich dich richtig verstanden hab, musst du doch einfach nur das Verzeichnis mit PHP auslesen.

Zitat:

<?
$i=0;

$pfad="./";
$verz=opendir ($pfad); // Projekte öffnen
while ($file=readdir($verz))
{
if (filetype($pfad.$file)=="dir") //kannste auf Dateitype prüfen
{
$i++;
echo "<div id='navi1' style='position: absolute; left:50%; top:45%; visibility:hidden'><img src='" . $file . "/bild1.jpg' alt='" . $file . "_bild1' /></div>"; //hier schreibste dann deine Sachen rein.
}
}
closedir($verz); // Verzeichnis schließen

echo "<hr>Es sind $i Projekte vorhanden.";
?>

Dies soll nur als Denkanstoß dienen - eventl. musste den Code noch umschreiben...

cu

Anzeige

- Anzeige -

09.03.06, 21:33	#1 (permalink)
jami Registriert seit: 05.04.05 Likes: 0	Konzept umsetzen... Anzeige Alos ich bin am Machen einer site... Kurz un bündig, das Konzept ist folgendes: in der mitte (horizontal) ist eine Reich mit Bildern...kannst ziemlich lang werden - egal. Jedes dieser Bilder stellt Projekt dar. Wenn man mit dem Mauszeiger über ein Bild fährt, dann fährt quasi nach zufallsprinzip (muss nur immer anders sein nich unbedingt zufall) eine Bilderreihe mit weiteren Bilder nach oben oder unten oder um die Ecke oder wie auch immer aus. wenn man wo anders hinklickr isse wieder weg. Wenn man ein Bild anklickt kommt ein Popup wo es vergrößert ist. Scrollleiste wird durch zwei Pfeile ersetzt. Das einzige wo ich nicht ganz zusammenkomme ist wie ich das mit "dem Ausfahren" löse... Ich hätte an div container gedacht, wird wohl das am naheliegendste sein. Ich brauch keinen fertig geschrieben Code sondern bitte nur techniken oder ideen.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Design in CMS umsetzen?	T-Rex2007	(Web-) Design und webbasierte Sprachen	1	19.01.09 23:55
Passwort-Berechnungs-Konzept so tragbar?	Julian F.	Cryptography & Encryption	8	25.01.08 15:26
Anti Portscanner Konzept	c0ntr0l	(In)security allgemein	13	28.09.07 17:47
NASA entschiedet sich für Schwerlastträger Konzept	blueflash	Science & Fiction	0	25.08.05 22:32
Zwei US-Studenten entwickelten Sabotage- Konzept für P2P-Netzwerke	Tec	News & Ankündigungen	0	07.09.02 03:35

10.03.06, 10:14	#2 (permalink)
Prometheus Senior Member Registriert seit: 01.01.04 Likes: 0	Hört ganz nach einer Aufgabe für Java-Applets oder Flash an. HTML alleine würde soetwas nicht auf die Beine kriegen und PHP würde sich dafür auch nicht unbedingt anbieten, wenn dann nur in Zusammenarbeit mit Flash oder Java-Applets. Aber im Grunde reicht es aus wenn du Java-Applets oder Flash nimmst. Du kannst ja mal schauen ob du schon in einen der Bereiche etwas Ahnung hast. Mit irgendwelchen Scriptaufbauvorschlägen kann ich dir leider auch nicht dienen, da mein Wissen in diesen Bereichen sehr begrentzt ist.

11.03.06, 17:23	#3 (permalink)
jami Themenstarter Registriert seit: 05.04.05 Likes: 0	schon klar bin von js ausgegangen...bin nicht so ein flash fan Aber leider bin ich bei js auch sehr dünn unterwegs...hat irgendjemand eine Idee?

12.03.06, 17:45	#5 (permalink)
jami Themenstarter Registriert seit: 05.04.05 Likes: 0	TOP das ist genau das was ich gemeint habe....herzlichen Dank ich werd hier mal ienen link reinstellen wenns fertig ist //Edit da is nur eins...ich möchte das das ausgefahrene verschwindet wenn man "ins leere" klickt. Habs mit <body onClick...> geht ja nicht, onBlur will ich nicht machen weil es soll ja solange bleiben solange mans nicht totklickt also hab ich einen neuen div mit 100% height und width gemacht, und dem das onclick verpasst - keine Problem sagt Firefox, aber...IE im IE is dieser div nur ganz oben ein schmaler streifen...hab ich was falsch gemacht oder haut das nur nicht mit dem IE hin? ////Edit habs mla vorübergehend mit h=500px gelöst...is aber auch nicht wirklich fein...also wenn wer eine bessere Idee hat

12.03.06, 23:14	#7 (permalink)
jami Themenstarter Registriert seit: 05.04.05 Likes: 0	oh mein Fehler...hab da blind der Autovervollständigung von Dreamweaver geglaubt....peinlich es geht noch einfach in dem man onClick="show()" ohna übergabe variable gibt...ist zwar moralisch nicht ganz sauber aber es geht....ca so wie ohne Kupplung schalten Dann hätte sich das gelöst...danke

06.04.06, 23:13	#9 (permalink)
jami Themenstarter Registriert seit: 05.04.05 Likes: 0	Um keinen neuen thread machen zu müssen knüpfe ich gleich hier an....immer noch sleb seite nur neue challenge: ich möchte nun die ganzen projekte einfügen, und weil man kein coder sein muss um sich denken zu können dass ich da tausend und einmal dass gleiche schreiben muss schwebt mir ein Schleife for... meine Dateistruktur: index.htm #projekte #projekt1 bild.jpg bild2.jpg ... info.htm #projekt2 #projekt3 ... #images und die schleife muss dann für jedes projekt erzeugen: -ein div tag mit der richtig errechneten position (top und left) -die bilder einfügen -unten den text aus info reinschreiben was dann vllt so weit gehe könnte dass wenn man einfach einen neuen projekt ordner dazu fügt und alles richtig benennt er das projekt automatisch dazuordnet Geht das? Oder soll ich leiber mal anfange alles per Hand zu schreiben?

[HaBo]

Konzept umsetzen...