Как сделать выборку селектора?

@igor3310 · Регистрация: 16.02.2011

Студворк — интернет-сервис помощи студентам

Здравствуйте!
Подскажите пожалуйста как правильно сделать выборку селектора - а именно только те картинки которых на самом деле нету но есть атрибут src и он не пуст там есть УРЛ картинки ?

@Daredevi1 · 22.03.2012, 22:49

В каком смысле только те картинки которых на самом деле нету?

@igor3310 · 22.03.2012, 23:11 **[ТС]**

Сообщение от Daredevi1

В каком смысле только те картинки которых на самом деле нету?

ну тоесть есть тег и атрибут src :
<img class="imb" src="shopimg/prod_f01_globalsat_bt_821.jpg" >
но на сервере картинки нету и таких много с разными путями

@Daredevi1 · 23.03.2012, 11:03

Как-то так:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
var images = $('img');
function callback(){
    console.log(images);
}
 
images.each(function(index, elem){
    var that = $(this), temp = new Image();
    temp.src = $(this).attr('src');
    temp.onload = function(){
        images = images.not(that);   
        if (index == images.length-1) {callback()}        
    };
    temp.onerror = function(){
        if (index == images.length-1) {callback()}        
    };
});

@igor3310 · 23.03.2012, 12:23 **[ТС]**

чето нехочет - а где путь прописать для новой картинки-заглушки

@Daredevi1 · 23.03.2012, 12:35

Код рабочий. Вот что он делает. Идем по всем картинкам, если картинку не удалось загрузить, или ее не существует, удаляем ее из выборки. В итоге после прохода по все картинкам, в переменной images храниться выборка со всеми недоступными картинками.

@igor3310 · 23.03.2012, 12:37 **[ТС]**

а мона сделать чтоб где нет картинки подставляло мою (заглушку "фотонету")

@Daredevi1 · 23.03.2012, 12:39

Конечно.

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
var images = $('img');
function callback(){
    images.attr('src', 'заглушка.png');
}
 
images.each(function(index, elem){
    var that = $(this), temp = new Image();
    temp.src = $(this).attr('src');
    temp.onload = function(){
        images = images.not(that);   
        if (index == images.length-1) {callback()}        
    };
    temp.onerror = function(){
        if (index == images.length-1) {callback()}        
    };
});

@igor3310 · 23.03.2012, 12:43 **[ТС]**

спасибо получилось - только оно и некоторые сушествуюшие картинки заменяет

@Daredevi1 · 23.03.2012, 12:53

Странно.

Добавлено через 8 минут
А так.

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
var images = $('img'), length = images.length;
function callback(){
    images.attr('src', 'заглушка.png');
}
 
images.each(function(index, elem){
    var that = $(this), temp = new Image();
    temp.src = $(this).attr('src');
    temp.onload = function(){
        images = images.not(that);   
        if (index == length-1) {callback()}        
    };
    temp.onerror = function(){
        if (index == length-1) {callback()}        
    };
});

@igor3310 · 23.03.2012, 12:54 **[ТС]**

именно в основном те что внизу страницы
p.s. все вложенно в функцию $(document).ready(function(){ }

@Daredevi1 · 23.03.2012, 12:56

Попробуйте новый вариант.

@igor3310 · 23.03.2012, 12:58 **[ТС]**

новый вариант функции document?

@Daredevi1 · 23.03.2012, 13:00

Нет, я на предыдущей странице выложил чуть измененный код. В самом конце.

@igor3310 · 23.03.2012, 13:05 **[ТС]**

А так работает отлично!

Добавлено через 1 минуту
хотя опять глючит немного

Добавлено через 50 секунд
только теперь бывает все картинки меняются

@Daredevi1 · 23.03.2012, 13:13

Ну а такой, если не заработает, тогда не знаю

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
var images = $('img'), new_set = images, length = images.length;
function callback(){
    new_set.attr('src', 'заглушка.png');
}
 
images.each(function(index, elem){
    var that = $(this), temp = new Image();
    temp.src = $(this).attr('src');
    temp.onload = function(){
        new_set = new_set.not(that);   
        if (index == length-1) {callback()}        
    };
    temp.onerror = function(){
        if (index == length-1) {callback()}        
    };
});

Новые блоги и статьи Все статьи Все блоги /
http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .	http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .	Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь постоянного тока с R, L, C, k(ключ), U, E, J. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа, решает её и находит: токи, напряжения и их 1 и 2 производные при t = 0;. . .	Восстановить юзерскрипты Greasemonkey из бэкапа браузера damix 15.01.2026 Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .
Сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/	WordPad для Windows 11 Jel 10.01.2026 WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .	Classic Notepad for Windows 11 Jel 10.01.2026 Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .	Почему дизайн решает? Neotwalker 09.01.2026 В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .

@igor3310 3 / 3 / 4 Регистрация: 16.02.2011 Сообщений: 270

	Как сделать выборку селектора? 22.03.2012, 21:52. Показов 1237. Ответов 15 Метки нет (Все метки) Здравствуйте! Подскажите пожалуйста как правильно сделать выборку селектора - а именно только те картинки которых на самом деле нету но есть атрибут src и он не пуст там есть УРЛ картинки ? 0

@Daredevi1 311 / 303 / 78 Регистрация: 09.05.2009 Сообщений: 723
	22.03.2012, 22:49
	В каком смысле только те картинки которых на самом деле нету? 0

@igor3310 3 / 3 / 4 Регистрация: 16.02.2011 Сообщений: 270
	23.03.2012, 12:23 [ТС]
	чето нехочет - а где путь прописать для новой картинки-заглушки 0

@Daredevi1 311 / 303 / 78 Регистрация: 09.05.2009 Сообщений: 723
	23.03.2012, 12:35
	Код рабочий. Вот что он делает. Идем по всем картинкам, если картинку не удалось загрузить, или ее не существует, удаляем ее из выборки. В итоге после прохода по все картинкам, в переменной images храниться выборка со всеми недоступными картинками. 0

@igor3310 3 / 3 / 4 Регистрация: 16.02.2011 Сообщений: 270
	23.03.2012, 12:37 [ТС]
	а мона сделать чтоб где нет картинки подставляло мою (заглушку "фотонету") 0

@igor3310 3 / 3 / 4 Регистрация: 16.02.2011 Сообщений: 270
	23.03.2012, 12:43 [ТС]
	спасибо получилось - только оно и некоторые сушествуюшие картинки заменяет 0

@igor3310 3 / 3 / 4 Регистрация: 16.02.2011 Сообщений: 270
	23.03.2012, 12:54 [ТС]
	именно в основном те что внизу страницы p.s. все вложенно в функцию $(document).ready(function(){ } 0

@Daredevi1 311 / 303 / 78 Регистрация: 09.05.2009 Сообщений: 723
	23.03.2012, 12:56
	Попробуйте новый вариант. 0

@igor3310 3 / 3 / 4 Регистрация: 16.02.2011 Сообщений: 270
	23.03.2012, 12:58 [ТС]
	новый вариант функции document? 0

@Daredevi1 311 / 303 / 78 Регистрация: 09.05.2009 Сообщений: 723
	23.03.2012, 13:00
	Нет, я на предыдущей странице выложил чуть измененный код. В самом конце. 1

@igor3310 3 / 3 / 4 Регистрация: 16.02.2011 Сообщений: 270
	23.03.2012, 13:05 [ТС]
	А так работает отлично! Добавлено через 1 минуту хотя опять глючит немного Добавлено через 50 секунд только теперь бывает все картинки меняются 0