Jquery ili javascript promjena src-a

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…

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);
});

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…

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?

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

https://jsfiddle.net/L2r5qop0/

Dokaz da radi.

Č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…

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

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

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.

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

Copyright © 2020 WM Forum - AboutContact - Sponsored by: Mydataknox & Webmaster.Ninja