JQuery добавить несколько классов CSS к элементу

Question

JQuery добавить несколько классов CSS к элементу

0

Поэтому я пытаюсь добавить еще один класс css, называемый popup, в функцию.each.

JQuery:

$.each(data.photos.photo, function(i, photo) {
        var imgURL = 'http://farm' + photo.farm + '.staticflickr.com/' + photo.server + '/' + photo.id + '_' + photo.secret + '_n.jpg';

        console.log(imgURL);

        // Pre-cache image
        $('<img />').attr({'src': imgURL, 'data-image-num': i}).load(function() {
           console.log('image loaded');
           var imageDataNum = $(this).attr('data-image-num');
           $('#photo-' + imageDataNum).css('background-image', 'url(' + imgURL + ')').removeClass('fade-out').addClass('fade-in');
        });

     });

CSS

.popup
{
position:absolute;
top:0px;
left:0px;
margin:100px auto;
width:200px;
height:150px;
font-family:verdana;
font-size:13px;
padding:10px;
background-color:rgb(240,240,240);
border:2px solid grey;
z-index:100000000000000000;
display:none
}

Спасибо за вашу помощь, и это мой пост из frist, кстати, извините, если я звук nooby.

phippsy20 26 окт. 2013, в 02:34

Источник

0

к какому элементу вы хотите добавить класс? изображение?
Arun P Johny 26 окт. 2013, в 00:35
0

какой у Вас вопрос?
Saturnix 26 окт. 2013, в 00:35

Теги:

javascript

jquery

html

css

1 ответ

Ещё вопросы

к какому элементу вы хотите добавить класс? изображение?

Flash Thunder · Accepted Answer · 2013-10-25T22-02-00.000Z

...
$('#photo-' + imageDataNum).css('background-image', 'url(' + imgURL + ')').removeClass('fade-out').addClass('fade-in').addClass('popup');
...

или

    $('<img />').attr({'src': imgURL, 'data-image-num': i}).load(function() {
       console.log('image loaded');
       var imageDataNum = $(this).attr('data-image-num');
       $('#photo-' + imageDataNum).css('background-image', 'url(' + imgURL + ')').removeClass('fade-out').addClass('fade-in');
    }).addClass('popup');

Привет и спасибо за быстрый ответ. Первое решение сработало, однако оно не смогло отобразить изображение, но при проверке через консоль в chrome изображения есть, и класс css был применен.
Извините, на самом деле я только что понял, что поступаю неправильно, я думаю. У меня есть еще одна функция, которая называется Popup, и вся ее цель в том, чтобы при нажатии на изображение всплывать в центре экрана.