slajdy zmiana wielkości obrazka w js

Question

 var licznik=1;
 function schowaj()
  {
  $("#slider").fadeOut(500);
  }
 
 function zmien_slajd()
 {
 opacit=1;
  if(licznik>5)licznik=1;
  var plik = "<img id=\"zdj" + licznik + "\" src=\"zdj" + licznik + ".jpg\" style=\"opacity:" + opacit + ";\"/>";

 <!--tutaj chciałem zrobić coś w stylu:
 plik.getElementById("zdj" + licznik).style.width = "50px";
 -->

  document.getElementById("slider").innerHTML = plik;
  $("#slider").fadeIn(500);
  setTimeout("zmien_slajd()", 5000);
  setTimeout("schowaj()", 4500);
  licznik++;
 }

Witam!

Napotkałem problem podczas próby zmiany cssa elementu img pobieranego dynamicznie z pliku. Moim celem jest zwiększenie width oraz height obrazka, niestety powyższy kod nie działa, nie mogę znaleźć przyczyny.

Answer 1

plik to przeciez string a nie element dom, zobacz w dokumentacji na czym powinna byc wywolywana metoda getElementById. a po drugie to nie laduj od nowa znacznika img a jedynie podmieniaj jego src, i uzyj np.classList.toggle do zmiany klasy css.

Comments

hah po prostu kiedy to pisałem byłem, zdaje się z lekka zamulony, problem już rozwiązany.