Белое Пятно Вместо Слайд-шоу

  • Автор темы ffalch
  • Дата начала
F

ffalch

#1
Делал скрипт по уроку, но с моими картинками он работать отказывается, в чем проблема?
ссылка на сырой сайт:
http://oranganikus.narod2.ru/test/skripts/Led.html

Код:
<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>
помогите разобраться!
 

ikot

Active member
11.06.2008
27
0
#2
Делал скрипт по уроку, но с моими картинками он работать отказывается, в чем проблема?
ссылка на сырой сайт:
http://oranganikus.narod2.ru/test/skripts/Led.html

Код:
<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>
помогите разобраться!

Приведите ссылку на урок, по которому Вы делали свой скрипт.
 
F

ffalch

#3
вот по этому http://pcvector.net/uploads/demo/scripts/s...ery/index2.html
когда делал слайд шоу отдельно от остального сайта, на удивление все работало. Думал, что баг из-за кучи подключенных цсс стилей, но когда пробовал их отключайть ничего не менялось = \