Wątek przeniesiony 2015-08-31 13:51 z Webmastering przez dzek69.

Pętla z replace w jquery.

0

Mam taki kod jquery:


<script type="text/javascript">
					

					
					$("a.ws_fullscreen").on("click", function() {
					var str = $("img.sas").attr("src");
					var res = str.replace("600x420","normal");			
					$("img.sas").attr("src",""+res+"");

	});
	
	</script>

Jak się można domyślić kod uruchamia pełny ekran i zamienia w ściażkach zdjęć w nazwie "640x420" na "normal", np:

<img src="640x420/aa/aa.jpg"/>
na
<img src="normal/aa/aa.jpg"/>

cały jednak problem polega na tym że te ścieżki wszystkie podmienia na jedną sćieżkę ; /,a zdjęć mam więcej, tak więc potrzebuje tutaj pętli, nie wiem jak się jednak do tego zabrać. Próbowałem z pętlą for, ale tutaj nie chciał mi pobierać zmiennej z php. Jak to zrobić z samego jquery?

0

jQuery each w Google.

I wypadałoby nauczyć się frameworka zanim zacznie się go używać, dowiedz się co to jest kolekcja jQuery, jak działa przy modyfikacji danych, przypinaniu zdarzeń, i jak zachowuje się przy zwracaniu wartości (attr, width i podobne) na kolekcji zawierającej więcej niż jeden element.

A tak ogólnie to strona responsywna zachowa się tu poprawniej (niezależnie od fullscreena, a od szerokość, ale media selector jak już koniecznie chcesz fullscreen też jest), bez javascriptu, bez zbędnych obliczeń - pogoogluj za picture srcset i ogólnie responsive images

0

Ja rozumiem jak działa wyszukiwanie w jquery i nie pisze tutaj na temat fullscrenu, który ma inny kod i to już działa! Chcę po prostu wiedzieć jak masowo zmienić tą wartość w zdjęciach.

0

Ech, ja Ci nie mówię przecież, że Ci fullscreen nie działa, tylko, że źle podchodzisz do tematu - to dwie różne rzeczy.

Ja rozumiem jak działa wyszukiwanie w jquery

Chcę po prostu wiedzieć jak masowo zmienić tą wartość w zdjęciach.

To się wyklucza.

Mam rozwinąć temat czy już wiesz jak działa each - bo nie wspomniałeś nic na ten temat?

1
$("img.sas").each(function() {
  var str = $(this).attr('src')
  var res = str.replace("600x420","normal");
  $(this).attr("src", res);
})   

1 użytkowników online, w tym zalogowanych: 0, gości: 1