Jquery ili javascript promjena src-a

Programiranje
1

Evo izgubio dva dana i sada tražim pomoć…

<div class="image_holder_estate2">
   <div class="fa fa-arrow-left lijevastrelica" style="bottom: 220px; left: 33px;"></div>
   <img src="../img/nekretnine/z1/840950_1524057361.jpeg" alt="" class="slika_glavna_popis" id="big">
   <div class="fa fa-arrow-right desnastrelica" style="bottom: 220px; right: 33px;"></div>
   <span class="broj_prostorija">
      <div id="thumbnails">
         <a href="../img/nekretnine/z1/840950_1524057361.jpeg"><img src="../img/nekretnine/z1/thumb/840950_1524057361.jpeg" width="50px" height="50px;" alt="840950_1524057361.jpeg" id="malithumb" class="selected_thumb"></a><a href="../img/nekretnine/z1/405626_1524057363.jpeg"><img src="../img/nekretnine/z1/thumb/405626_1524057363.jpeg" width="50px" height="50px;" alt="405626_1524057363.jpeg" id="malithumb"></a><a href="../img/nekretnine/z1/765646_1524057364.jpeg"><img src="../img/nekretnine/z1/thumb/765646_1524057364.jpeg" width="50px" height="50px;" alt="765646_1524057364.jpeg" id="malithumb"></a><a href="../img/nekretnine/z1/702206_1524057366.jpeg"><img src="../img/nekretnine/z1/thumb/702206_1524057366.jpeg" width="50px" height="50px;" alt="702206_1524057366.jpeg" id="malithumb"></a><a href="../img/nekretnine/z1/426936_1524057367.jpeg"><img src="../img/nekretnine/z1/thumb/426936_1524057367.jpeg" width="50px" height="50px;" alt="426936_1524057367.jpeg" id="malithumb"></a>
      </div>
   </span>
</div>

I ovo u scriptu:
$(document).on(‘click’, ‘.desnastrelica’, function(e) {
var sljedecaslika = $( “.selected_thumb” ).closest( “a” ).attr(‘href’);
// alert(sljedecaslika);
$(’#big’).attr(‘src’, sljedecaslika);
});

neće da promijeni src… Zašto pobogu???
Kada se pusti ovaj alert(sljedecaslika) putanja je dobra, što radim krivo???

ako je potrebno više inf, javite… idem dalje pokušavat…

Unaprijed zahvaljujem na hintu…

2

Navodnici koje koristis za selectore se smatraju kao nevazeci tj. baci ti Illegal operator.

Ovako bi trebalo raditi:

$(document).on('click', '.desnastrelica', function(e) {
  var sljedecaslika = $('.selected_thumb').closest('a').attr('href');
  $('#big').attr('src', sljedecaslika);
});
3

Dobri su navodnici, tu ih je na forumu izmijenilo, jedino sam pomiješao duple i apostrof… ne radi i dalje…
u konzoli(chrome) nikakav error ne prikaže…

4

Provjeri da nemas jos negdje element sa id “big”. I da li ti skloni postojecu sliku a ne postavi novu ili ostane sve kako jeste?

5

Ostane sve kako je i bilo. Nema dva ista id-a

6

https://jsfiddle.net/L2r5qop0/

Dokaz da radi.

7

Čini mi se da sam ja negdje drugdje fulao, a ne u tom dijelu koda…
Sad mi je palo na pamet da je bolje da koristim $(window) nego $(document), pošto radim sa slikama…

8

Bilo bi dobro da nam pokazes jos JS koda sto imas, moguce da nesto drugo pravi problem.

9

https://jsfiddle.net/superbart2/v4rcoqep/1/
Evo tu…

10

Inicijalno ti nije setovan .selected_thumb a problem ti je ovaj dio zato sto ti vraca src slike koja je trenutno aktivna a ne sljedece var sljedecaslika = $('.selected_thumb').closest('a').attr('href'); tako da postavi istu tu sliku.

11

Budem provjerio, ovo za inicijalno znam…Međutim ovo sam provjeravao i davalo mi je sljedeću sliku… Očito sam u procesu zbrčkao nešto, a nisam iskusan u javascriptu da uočim odmah greške… Puno hvala…

1 Like