Каким способом лучше всего использовать IMG-тег и фоновое изображение CSS для игр

Question

Каким способом лучше всего использовать IMG-тег и фоновое изображение CSS для игр

0

Я создаю простую игру перетаскивания в HTML5, CSS3 и jQuery. Для этой игры я использую количество изображений в качестве фонового изображения для отдельного div с мышью, мышью и мышью.

Код HTML:

<div class="car"></div>
<div class="bus"></div>
<div class="bike"></div>

Код Css:

.car{ background-image: url("../images/car.png");}
.bus{ background-image: url("../images/bus.png");}
.bike{ background-image: url("../images/bike.png");}

Мне нужно использовать изображение как динамическое для разных игр: - цветы.

Я использую данные JSON для динамических URL-адресов изображений.

Я использовал для изменения изображений, используя jQuery в качестве фонового изображения. Используя этот способ, изображение bg задерживается, а div показывает пустое пространство. Я не могу предсказать событие завершения загрузки для изображения bg.

Есть ли какое-либо событие для получения успеха загрузки CSS bg image или лучше использовать <img>?

sureshunivers 03 дек. 2013, в 07:49

Источник

0

увидеть его работу stevepapa.com/… и прочитать проблему, это может помочь вам
Saravana Kumar 03 дек. 2013, в 06:25
0

Спасибо Сараванан. Я использую изображения в качестве фона CSS для элемента DIV. Для этого «loadComplete» событие получит отправку?
sureshunivers 03 дек. 2013, в 06:47
1

Вы, кажется, неправильно написали «изображение», неоднократно.
David Thomas 03 дек. 2013, в 07:58
0

Спасибо Дэвид, за ваш ответ.
sureshunivers 04 дек. 2013, в 05:35

Показать ещё 2 комментария

Теги:

jquery

css

html5

1 ответ

Ещё вопросы

увидеть его работу stevepapa.com/… и прочитать проблему, это может помочь вам
Спасибо Сараванан. Я использую изображения в качестве фона CSS для элемента DIV. Для этого «loadComplete» событие получит отправку?
Вы, кажется, неправильно написали «изображение», неоднократно.

Subash Selvaraj · Accepted Answer · 2013-12-03T05-55-00.000Z

Вы можете предварительно загрузить все изображения, которые будут использоваться в качестве фонового изображения CSS. Используйте эту библиотеку jquery, которая будет полезна и имеет обратный вызов для imageLoaded.

Поместите предварительный загрузчик до тех пор, пока все изображения не будут загружены и не покажут вашу страницу после загрузки изображений. Теперь, если вы измените фоновое изображение CSS с помощью jquery, оно будет загружено без каких-либо проблем.

Надеюсь, поможет

Спасибо за ваше предложение (+1). Я попробую изображение поймать библиотеку jquery