Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.

Foto galerija javascript

[es] :: Javascript i AJAX :: Foto galerija javascript

[ Pregleda: 1596 | Odgovora: 2 ] > FB > Twit

Postavi temu Odgovori

Autor

Pretraga teme: Traži
Markiranje Štampanje RSS

Trazim_curu_za_brak
ne radim
Nis

Član broj: 161469
Poruke: 13
*.dynamic.isp.telekom.rs.

Sajt: mmance.on.neobee.net


Profil

icon Foto galerija javascript12.04.2013. u 05:33 - pre 134 meseci
Pravim foto galeriju ali nesto nece pa nece. 1000 puta sam pregledavao ali nikako ne uocavam gde je grerska. Ako nekog ne mrzi bicu zahvalan ako uoci gresku

Code:

<style type="text/css">
  a{ color:#000000; text-decoration:underline;}
  #div{ width:400px; text-align:left; padding:10px; border:lpx solid #000000;}
  #img_container{ text-align:center; padding:0px;}
</style>

<div id="div">
   <span id="prev"><a href="" onClick="return prev_img();">Prev</a></span>
   <span id="next"><a href="" onClick="return next_img();">Next</a></span>
</div>

<div id="pg"></div>

<div id="img_container">
   <img src="" id="img">
</div>

<script type="text/javascript">
var prev = document.getElementById("prev");
var next = document.get£lementById("next");
var imge = document.getElementById("img");
var page = document.getElementById("pg");

var imag = [
   "1.jpg",
   "2.jpg",
   "3.jpg",
   "4.jpg",
   "5.jpg",
   "6.jpg",
   "7.jpg",
];

var i = 0;
imge.setAttribute("src",imag[i]);
prev.innerHTML="Prev";
page.innerHTML=i;

function next_img(){
   i++;
   page.innerHTML=i;
   imge.setAttribute("src",imag[i]);
   if(i==imag.length-1){
       next.innerHTML="Next";
       prev.innerHTML="<a href='' onClick='return prev_img();'>Prev</a>";
   }else{
       next.innerHTML="<a href='' onClick='return next_img();'>Next</a>";
       prev.innerHTML="<a href='' onClick='return prev_img();'>Prev</a>";
   }
   return false;
}

function prev_img(){
   i--;
   page.innerHTML=i;
   imge.setAttribute("src",imag[i]);
   if (i==0){
      prev.innerHTML="Prev";
      next.innerHTML="<a href='' onClick='return next_img();'>Next</a>";
   }else{
      prev.innerHTML="<a href='' onClick='return prev_img();'>Prev</a>";
      next.innerHTML="<a href='' onClick='return next_img();'>Next</a>";
   }
   return false;
}
</script>

 
Odgovor na temu

llux

Član broj: 63288
Poruke: 419
*.opera-mini.net.



+253 Profil

icon Re: Foto galerija javascript12.04.2013. u 06:34 - pre 134 meseci
U css border stoji Lpx umesto 1px. U var next, u getElementById stoji znak funta umesto velikog E.
 
Odgovor na temu

mish_ns
Miloš Krstin

Član broj: 159930
Poruke: 1105
*.dynamic.isp.telekom.rs.



+18 Profil

icon Re: Foto galerija javascript12.04.2013. u 06:40 - pre 134 meseci
Pa sve ti radi?

jedina greška koju ja vidim je
var next = document.get£lementById("next");

Pozdrav
 
Odgovor na temu

[es] :: Javascript i AJAX :: Foto galerija javascript

[ Pregleda: 1596 | Odgovora: 2 ] > FB > Twit

Postavi temu Odgovori

Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.