jQuery

[supernal]

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!

[EdgarsK]

ka tiesi tev tas slider paradzets darboties, vari html paradit ?

[marrtins]

Drošivien vajag pielikt CSS #content ul { display: block; }

[supernal]

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...

[indoom]

ja kas, šitā tavā gadījumā būtu optimālāk

 

$("#content ul").animate({
           left: '+=700px'
},1000);

 

un attiecīgi otrā vietā left : '-=700px'

 

Arī, ja izmanto parseInt(..), tad nepieciešams norādīt radix parametru 10 parseInt(.., 10)

 

Vai IE neparādās dzeltana izsaukuma zīme kreisajā apakšējā stūrī, kas norādītu, ka ir kāda js kļūda

 

Un parādi css arī

[supernal]

#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)

[indoom]

skaties vai pareizi uzrakstīji, jā būt '+=700px', + pa priekšu = un pēdiņās.

 

par to kļūdu, pamēģini ielikt skriptu vainu atsevišķā .js failā, vai

<script type="text/javascript">
//<![CDATA[

// te javascrips

//]]>
</script>

[supernal]

skaties vai pareizi uzrakstīji, jā būt '+=700px', + pa priekšu = un pēdiņās.

...

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... :?

[indoom]

FFī ctrl+shift+j un paskaties, vai js rāda kādu erroru?

Ja var, iemet labāk linku uz lapu, kur tas redzams.

[supernal]

FFī ctrl+shift+j un paskaties, vai js rāda kādu erroru?

Ja var, iemet labāk linku uz lapu, kur tas redzams.

Vienīgais, ko man rāda: Nezināma īpašība 'zoom'. Deklarācija atmesta (http://www.google.lv/)

 

Mājaslapu diemžēl parādīt nevaru, jo turu uz sava datora un serveris ir ieslēgts tikai tad kad strādāju ar lapu...

[indoom]

iemet http://paste.php.lv/ sourci

[supernal]

iemet http://paste.php.lv/ sourci

 

http://paste.php.lv/7535b6c47632071bc9d9a7b7e3769ffb?lang=php

[indoom]

function slidePrev(){
if((parseInt($("#content ul").css("left"),10)||0) < 0) {
	$("#content ul").animate({ left: '+=700px' },1000);
}
}

function slideNext(){
if((parseInt($("#content ul").css("left"),10)||0) > -2300) {
	$("#content ul").animate({ left: '-=700px' },1000);
}
}

[supernal]

function slidePrev(){
if((parseInt($("#content ul").css("left"),10)||0) < 0) {
	$("#content ul").animate({ left: '+=700px' },1000);
}
}

function slideNext(){
if((parseInt($("#content ul").css("left"),10)||0) > -2300) {
	$("#content ul").animate({ left: '-=700px' },1000);
}
}

 

Vau, milzumliels paldies no manis! Biju jau gandrīz atmetis cerības...