supernal

Ieliku šādi, slaideris nestrādā pilnīgi! :D Varbūt ar mazliet savādāku, pareizāku kodu var iegūt to pašu efektu, tikai, kas strādātu ne tikai FF pārlūkā? Meklējot kko atradu, kā šāda veida slaideri skaitās kkādi demo?? Tas nozīmē, ka vienalga kā rakstot kodu tas nestrādās visos pārlūkos? Varbūt es esmu kaut ko ne tā sapratis... :?

#content { border: 5px solid white; height: 175px; width: 700px; overflow: hidden; margin-left:140px; margin-top:75px; display:block; } #content ul { position: relative; width: 3500px; padding: 0px; display:block; } #content ul li { height: 175px; width: 700px; list-style: none; float: left; display:block;} #poga { margin-top:100px; position:absolute; margin-left:100px; } #poga2{ margin-top:100px; position:absolute; margin-left:850px; } Nomainot +700+ uz =+700 slaideris nestrādā... Ja kas validējot uzrāda šādu erroru: character "<" is the first character of a delimiter but occurred as data if(parseInt($("#content ul").css("left")) < 0) Un: StartTag: invalid element name if(parseInt($("#content ul").css("left")) < 0)

Lūk atbilstošais html: <div id="poga"> <img src="images/leftarrow.png" alt="" onclick="slidePrev()"/> </div> <div id="poga2"> <img src="images/rightarrow.png" alt="" onclick="slideNext()"/> </div> <div id="content"> <ul> <li><span>Some description here...</span><img style="margin-top:0px;" src="images/example.jpg" height="175px" width="700px" alt="" /></li> <li><span>Some description here...</span><img style="margin-top:0px;" src="images/example0.jpg" height="175px" width="700px" alt="" /></li> <li><span>Some description here...</span><img style="margin-top:0px;" src="images/example.jpg" height="175px" width="700px" alt="" /></li> <li><span>Some description here...</span><img style="margin-top:0px;" src="images/example0.jpg" height="175px" width="700px" alt="" /></li> <li><span>Some description here...</span><img style="margin-top:0px;" src="images/example.jpg" height="175px" width="700px" alt="" /></li> </ul> </div> P.S. CSS kodā pievienojot display:block nekas nemainās...

Labdien! Esmu pilnīgs iesācējs iekš jquery, php un js... Pielāgoju pusgatavu kodu, lai izveidotu slaideri. Viss strādā kā vajag Firefoxā, bet nestrādā IE un Google chrome (spiežot podziņas, nekas nenotiek, stāv uz vietas), citus neesmu vēl mēģinājis. Varbūt kāds spēs apskaidrot, kas ir nepareizi, vai kas nav izdarīts? Lūk kods: function slidePrev(){ if(parseInt($("#content ul").css("left")) < 0) { $("#content ul").animate({ left: parseInt($("#content ul").css("left"))+700+"px" },1000); } } function slideNext(){ if(parseInt($("#content ul").css("left")) > -2300) { $("#content ul").animate({ left: parseInt($("#content ul").css("left"))-700+"px" },1000); } } Paldies!