Вот сам index.html, на котором со всем этим разгребаюсь:
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>CSS3 Tabs</title>
<link rel="stylesheet" href="css/screen.css" type="text/css" media="screen" />
<!--[if IE]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]-->
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript" src="js/tabbed.layout.js"></script>
<link rel="stylesheet" type="text/css" href="css/layout.css" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<script language="javascript" type="text/javascript" src="js/jquery.js"></script>
<script language="javascript" type="text/javascript" src="js/jquery.easing.js"></script>
<script language="javascript" type="text/javascript" src="js/script.js"></script>
<script type="text/javascript">
$(document).ready( function(){
$('#lofslidecontent45').lofJSidernews( {interval:4000,
direction:'opacity',
duration:1000,
easing:'easeInOutSine'} );
});
</script>
</head>
<body>
<header>
<h1>Title</h1>
</header>
<nav>
<ul>
<li><a href="#tab1">Tab 1</a></li>
<li><a href="#tab2">Tab 2</a></li>
<li><a href="#tab3">Tab 3</a></li>
<li><a href="#tab4">Tab 4</a></li>
</ul>
</nav>
<section class="tab" id="tab1">
</section>
<section class="tab" id="tab2">
<div id="container">
<!------------------------------------- THE CONTENT ------------------------------------------------->
<div id="lofslidecontent45" class="lof-slidecontent">
<div class="preload"><div></div></div>
[код самого слайдера]
</div>
<!------------------------------------- END OF THE CONTENT ------------------------------------------------->
</div>
</section>
<section class="tab" id="tab3">
<p>Section number 3</p>
</section>
<section class="tab" id="tab4">
<p>Section number 4</p>
</section>
</body>
</html>
В первой вкладке слайдер изображений активируется нормально, а вот так не хочет.
Т.е. я пока даже не говорю о двух - просто, расположенный на второй вкладке не активируется.
Сильно не пинайте - я только начал разбираться с этой кухней.
Если еще какие куски кода нужны, я напишу. Или подтолкните к решению проблемы..
