Frage zur Programmierung

[chack]

Hallo liebe User

Ich hätte jetzt mal eine Frage zu einem neuen Projekt von mir.

Links im Bild habe ich eine kleine Slideshow die meine Bilder zeigt, dies wollte ich jetzt auch rechts machen jedoch das man oben auf den Reiter klickt und unten in der Box der Text erscheint. Jetzt habe ich paar Sachen ausprobiert aber die funktionieren nicht so wirklich.

Jetzt wollte ich mal fragen wie ich das Lösen könnte.



BTW, bin eine Woche im Urlaub, wundert euch deswegn nicht wenn ich nicht antworte

Bild im Anhang. Habe die Methode schon auf diversen Seiten gesehen.

Habe soweit die Seite fertig: www.chack.bplaced.net/site

 

[chack]

Keiner eine Idee?

 

[knacky]

Ist die Seite statische oder benützt du ein CMS?

Eine Idee wäre, dass du auf deiner Home Seite den Pfeil gegen rechts jetzt mit Portfolio verlinkst, auf der portfolio.html Seite verlinkst du nun den Pfeil gegen Rechts mit deiner Home Seite usw usf. Hat halt den Nachteil, dass du die Seite immer neu laden musst.

Ansonsten musst du mit dynamischen Content arbeiten. Bin halt da selber auch nicht so fit, dass könntest du aber sicher mit PHP realisieren, dass in diesem DIV der gewünschte Inhalt geladen wird.

Hoffe, ich konnte dir ein wenig helfen.

Freundliche Grüsse

Edit: Btw. ist der Theard-Titel unglücklich gewählt.

 

[creative7even]

Hallo!
die Slideshow basiert auf dem JavaScript-Framework jquery. Damit hat man genug Möglichkeiten eine Textbasierte Slideshow zu bauen. Die Tutorial-Page zeigt einige Beispiele - ich denke hier könnte man ansetzen: http://docs.jquery.com/Tutorials:Live_Examples_of_jQuery

 

[chack]

Die Seite ist statisch. Heißt liegt alles in html&css,etc vor.
Wollte aber eigentlich nicht das sie Seite neu geladen werden soll Habe das schon in diversen Seiten gesehen, jedoch weiß ich kein bisschen wie der Code aussehen soll

Habe mir schon paar jquery möglichkeiten angesehen, die ich aber nicht wirklich verweden kann :?

 

[bezierkurve]

Packe die Inhalte in divs, die du übereinander positionierst und dann per jQuery ein- bzw. ausblendest. No big deal .

[edit] Sorry, ganz übersehen, creative7even hat ja oben auch schon eine fertige Lösung vorgeschlagen. Noch einfacher.

 

[chack]

danke creative7eveb, ich denk ich werds mit dem Link versuchen obwohl bezierkurve's idee auch nicht schlecht ist

Werd euch bescheid geben wenns geklappt hat. Danke für euere Hilfe.

 

[chack]

Mit jquery erreichte ich das gewünschte Ergebnis nicht, jedoch kam es schon sehr knapp ran. Dann kam mir ein Gedankenblitz wie das des öfteren ist Und schwups setz ich mich ran und bastel etwas an dem Code rum bis das rauskommt:

Head

<script type="text/javascript">
function show(id)
{
  var ids = new Array('message','aboout','contacct')
  for(i=0;i<ids.length;i++)
  {
    document.getElementById(ids[i]).style.display = 'none'
  }
  document.getElementById(id).style.display = 'block'
}

</script>

Body

				<li id="home" >
					 <a href="javascript:show('message')"></a><br>
                    <a href="javascript:show('contacct')"></a>
                    
				</li>
				<li id="portfolio">
					<a href="javascript:show('message')"></a><br>
                    <a href="javascript:show('contacct')"></a>
                    
				</li>
				<li id="about">
					<a href="javascript:show('aboout')"></a><br>
                    <a href="javascript:show('message')"></a>
                    
				</li>
				<li id="contact">
					 <a href="javascript:show('contacct')"></a><br>
                     <a href="javascript:show('aboout')"></a>

CSS

#message,#aboout,#contacct
{
  display:none;
}
#message
{
  display:block;
}