Hi Leute,
ich habe wirklich keine Ahnung von JavaScript, weshalb ich mit Hilfe von Jquery etwas umsetzen möchte.
und zwar soll diese Seite http://www.mirror-pro.com/ nicht mehr in Flash sein. Habe alles nachgebaut. Den grauen Content bereich kriege ich sogar zum sliden, allerdings nur für Home. Wie kann ich nun den Inhalt dynamisch machen bzw. es so coden, dass es mit dem Menü ordentlich funktioniert?! Komme da von der Logik nicht weiter
so sieht's bisher aus.
Ich hoffe ihr könnt mir weiterhelfen,
Danke schonmal
ich habe wirklich keine Ahnung von JavaScript, weshalb ich mit Hilfe von Jquery etwas umsetzen möchte.
und zwar soll diese Seite http://www.mirror-pro.com/ nicht mehr in Flash sein. Habe alles nachgebaut. Den grauen Content bereich kriege ich sogar zum sliden, allerdings nur für Home. Wie kann ich nun den Inhalt dynamisch machen bzw. es so coden, dass es mit dem Menü ordentlich funktioniert?! Komme da von der Logik nicht weiter
Code:
<html>
<head>
<title>Mirror|Pro</title>
<link rel="stylesheet" type="text/css" href="style.css">
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("jquery", "1.3.1");
</script>
<script type="text/javascript">
<!--
jQuery(document).ready(function() {
$("a#ToogleSidebar").click().toggle(function() {
$('#content').animate({
width: 'hide',
opacity: 'hide'
}, 'slow');
}, function() {
$('#content').animate({
width: 'show',
opacity: 'show'
}, 'fast');
});
});
-->
</script>
</head>
<body>
<div id="wrapper">
<div id="header">
<div id="change">
<img src="img/1s.jpg" />
<img src="img/2s.jpg" />
<img src="img/3s.jpg" />
<img src="img/4s.jpg" />
<img src="img/5s.jpg" />
<img src="img/6s.jpg" />
<img src="img/7s.jpg" />
<img src="img/8s.jpg" />
</div>
<h1>MIRROR|<span class="red">PRO</span></h1>
<h2>MUSIC PRODUCTION <span id="amp">&</span> SOUND DESIGN</h2>
</div>
<div id="main">
<div id="content">
joa ma n inhalt, wa
</div> <!--end-content-->
</div> <!--end-main-->
<div id="menu">
<ul>
<li><a href="inhalt=home" id="ToogleSidebar" title="ein-/ausblenden">home</a></li>
<li><a href="">bio</a></li>
<li><a href="">audio</a></li>
<li><a href="">video</a></li>
<li><a href="">clients</a></li>
<li><a href="">links</a></li>
<li><a href="">contact</a></li>
<li>Sound On/Off</li>
</ul>
</div><!--end-menu-->
<div id="footer">
Copyright Mirror|Pro All rights Reserved
</div><!--end-footer-->
</div><!--end-wrapper-->
</body>
</html>
so sieht's bisher aus.
Ich hoffe ihr könnt mir weiterhelfen,
Danke schonmal