Делал скрипт по уроку, но с моими картинками он работать отказывается, в чем проблема?
ссылка на сырой сайт:
помогите разобраться!
ссылка на сырой сайт:
Ссылка скрыта от гостей
Код:
<link rel="stylesheet" type="text/css" href="http://oranganikus.narod2.ru/test/skripts/layout.css" />
<link rel="stylesheet" type="text/css" href="http://oranganikus.narod2.ru/test/skripts/style7.css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script language="javascript" type="text/javascript" src="http://oranganikus.narod2.ru/test/skripts/jquery.easing.js"></script>
<script language="javascript" type="text/javascript" src="http://oranganikus.narod2.ru/test/skripts/script2.js"></script>
<script type="text/javascript">
$(document).ready( function(){
var buttons = { previous:$('#jslidernews2 .button-previous') ,
next:$('#jslidernews2 .button-next') };
$('#jslidernews2').lofJSidernews( { interval:5000,
easing:'easeInOutQuad',
duration:1200,
auto:true,
mainWidth:490,
mainHeight:280,
navigatorHeight : 100,
navigatorWidth : 310,
maxItemDisplay:2,
buttons:buttons } );
});
</script>
<tr>
<td height="280" colspan="2" background="http://oranganikus.narod2.ru/test/had.png" bgcolor="2f4548">
<div id="jslidernews2" class="lof-slidecontent" style="width:800px; height:280px;">
<div class="preload"></div>
<div class="button-previous">Назад</div>
<div class="main-slider-content" style="width:490px; height:280px;">
<ul class="sliders-wrap-inner">
<li>
<img src="http://oranganikus.narod2.ru/test/one.png" title="Pic one" >
</li>
<li>
<img src="http://oranganikus.narod2.ru/test/two.png" title="Pic two" >
</li>
<li>
<img src="http://oranganikus.narod2.ru/test/three.png" title="Pic three" >
</li>
<li>
<img src="http://oranganikus.narod2.ru/test/four.png" title="Pic four" >
</li>
</ul>
</div>
<div class="navigator-content">
<div class="navigator-wrapper">
<ul class="navigator-wrap-inner">
<li>
<div>
<img src="http://oranganikus.narod2.ru/test/one_prew.png">
<h3> Новость 1 </h3>
<span>3.05.2012</span> - Нажмите чтобы узнать больше информации...
</div>
</li>
<li>
<div>
<img src="http://oranganikus.narod2.ru/test/two_prew.png" >
<h3> Новость 2 </h3>
<span>3.05.2012</span> -Нажмите чтобы узнать больше информации. ..
</div>
</li>
<li>
<div>
<img src="http://oranganikus.narod2.ru/test/three_prew.png">
<h3> Новость 3 </h3>
<span>3.05.2012</span> - Нажмите чтобы узнать больше информации. ..
</div>
</li>
<li>
<div>
<img src="http://oranganikus.narod2.ru/test/four_prew.png">
<h3> Новость 4</h3>
<span>3.05.2012</span> - Нажмите чтобы узнать больше информации. ..
</div>
</li>
</ul>
</div>
</div>
<div class="button-next">Вперед</div>
<div class="button-control"><span></span></div>
</div>
</td>
</tr>помогите разобраться!