WordPress, Shopify ir PHPFusion programuotojų bendruomenė

Parašė Valuediz· 2008 Lie. 24 14:07:28

kažkaip nesuveike :| nejuda ir viskas
Idedu visa susijusi kodą:
Skriptas

function initPage(){

 var _gallery = "#tab1 .gallery-content";

 var _leftArrow = "#tab1 .prev";

 var _rightArrow = "#tab1 .next";

 //var _step = 405;

 var _duration = 1800;

 var _liPadding = 34;



 var _gWidth = $(_gallery).width() + _liPadding ;

 var _liWidth = $(_gallery+" td").width() + _liPadding;

 var _liSum = $(_gallery+" td").length * _liWidth;

 var _margin = 0;

 var f = 0;



 _step = _gWidth;



 $(_rightArrow).click(function(){

 if (_liSum - _gWidth <= _margin + _step) {

 if (f == 0) {

 _margin = _liSum - _gWidth

 f = 1;

 } else {

 _margin = 0;

 f = 0

 }

 }

 else _margin = _margin + _step;

 $(_gallery+" tr").animate({marginLeft: -_margin+"px"}, {queue:false,duration:_duration });

 return false;

 });

 $(_leftArrow).click(function(){

 _margin = _margin - _step;

 if (_margin < 0) _margin = 0;

 $(_gallery + " tr").animate({

 marginLeft: -_margin + "px"

  {

 queue:false, duration: _duration

 });

 return false;

 });



// for second tab



 var _gallery2 = "#tab2 .gallery-content";

 var _leftArrow2 = "#tab2 .prev";

 var _rightArrow2 = "#tab2 .next";

 //var _step = 405;



 var _gWidth2 = $(_gallery2).width() + _liPadding ;

 var _liWidth2 = $(_gallery2+" li").width() + _liPadding;

 var _liSum2 = $(_gallery2+" li").length * _liWidth2;

 var _margin2 = 0;

 var f2 = 0;



 var _step2 = _gWidth2;



 $(_rightArrow2).click(function(){

 if (_liSum2 - _gWidth2 <= _margin2 + _step2) {

 if (f2 == 0) {

 _margin2 = _liSum2 - _gWidth2

 f2 = 1;

 } else {

 _margin2 = 0;

 f2 = 0

 }

 }

 else _margin2 = _margin2 + _step2;

 $(_gallery2+" ul").animate({marginLeft: -_margin2+"px"}, {queue:false,duration:_duration });



 return false;

 });

 $(_leftArrow2).click(function(){

 _margin2 = _margin2 - _step2;

 if (_margin2 < 0) _margin2 = 0;

 $(_gallery2 + " ul").animate({

 marginLeft: -_margin2 + "px"

 }, {

 queue:false, duration: _duration

 });

 return false;

 });

}



if (window.addEventListener)

 window.addEventListener("load", initPage, false);

else if (window.attachEvent)

 window.attachEvent("onload", initPage);

tab2 nekeičiau nes kolkas nenaudosiu
html:

<div id="tab1" class="gallery" style="left: 0pt;">

<a class="prev" href="#">Previous</a>

<a class="next" href="#">Next</a>

<div class="gallery-content">

<table cellpadding="0" cellspacing="0" style="padding-top: 35px; width:875px;">

<tr>

<td width="200">

<a href="#">

<img src="img/01.jpg" class="reflex itiltnone" alt="pirmas &#353;ablonas" width="200px" height="120px" border="0">

</a>

</td>

<td width="200" style="padding-left: 25px;">

<a href="#">

<img src="img/01.jpg" class="reflex itiltnone" alt="antras &#353;ablonas" width="200px" height="120px" border="0">

</a>

</td>

<td width="200" style="padding-left: 25px;">

<a href="#">

<img src="img/01.jpg" class="reflex itiltnone" alt="antras &#353;ablonas" width="200px" height="120px" border="0">

</a>

</td>

</tr>

</table>

</div>

Gal taip kur klaida įsivėlė?

Redagavo Valuediz· 2008 Lie. 24 15:07:20