Cerco di realizzare un menù laterale a scorrimento e all'interno delle diverse tab di inserire una galleria/slider di immagini e video. Ma se inserisco nel divisore contenent un divisore contenente lo slider il menù sembra non funzionare più. Vi allego il codice in basso. Sono davvero alle prime armi ed è da tre giorni che cerco di realizzarlo senza successo vi prego...
</head>
<head>
<body>
<div class= "container2"></div>
<biv class="container3"></div>
<div class="container"></div>
<div id="container">
<div id="uno" >
<div id="TabbedPanels2" class="TabbedPanels">
<ul class="TabbedPanelsTabGroup">
<li class="TabbedPanelsTab2" tabindex="0">Cos'è CIVES
<li class="TabbedPanelsTab2" tabindex="0"> ... [/list]
<div class="TabbedPanelsContentGroup2">
<div class="TabbedPanelsContent2">Content 1</div>
<div class="TabbedPanelsContent2">Content 2</div>
</div>
</div>
</div>
<div id="due"></div>
<div h1= "TabbedPanels1"></div>
<div id="TabbedPanels1" class="TabbedPanels">
<ul class="TabbedPanelsTabGroup">
<li class="TabbedPanelsTab" tabindex="0"> SCIENCE
<li class="TabbedPanelsTab" tabindex="0">Tab 2
<li class= "TabbedPanelsTab"tabindex="0">Tab 3
<li class="TabbedPanelsTab" tabindex="0">Tab 4[/list]
<div class="TabbedPanelsContentGroup">
</div>
<div class="TabbedPanelsContent"> con questo passaggio non visualizzo più il menù
<div id="featured">
[img]overflow.jpg[/img]
[img]captions.jpg[/img]
[img]features.jpg[/img]
</div>
</div>
<div class="TabbedPanelsContent"> </div>
<div class="TabbedPanelsContent"></div>
</div>
</div>
<script type="text/javascript">
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
var TabbedPanels2 = new Spry.Widget.TabbedPanels("TabbedPanels2");
</script>
</body>
</html>
Gli script per lo slider li ho trovati su internet :<head>
<link href="orbit-1.2.3.css" rel="stylesheet"
<link href="demo-style.css" rel="stylesheet"
<script src="jquery-1.5.1.min.js" type="text/javascript"></script>
<script src="jquery.orbit-1.2.3.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(window).load(function() {
$('#featured').orbit();
});
</script>
</head>
Rispondi quotando
