2012-01-02 6 views
0

Я хочу сделать что-то для каждого класса ДИВ ведьм начинается с obj_ Например:Javascript для каждого изображения

<img class="obj_1" /> 

я хочу, чтобы изменить размер каждого изображения до размера масштаба, например:

scale = 2 

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

<div id='obj' class="obj_84" style='top:1152px;left:6px;' onmousedown='return false;'><img src ="img/obj/0.png" /></div> 

Как я могу это сделать?
Надеюсь, у вас будет достаточно информации, чтобы решить мой вопрос.

Спасибо

+3

Добро пожаловать в Stack Overflow! Пожалуйста, подумайте над улучшением вашего вопроса. Ваш вопрос в его текущей форме не содержит достаточно деталей. Пожалуйста, прочитайте раздел [FAQ] (http://stackoverflow.com/faq) и [Как спросить] (http://stackoverflow.com/questions/how-to-ask) о том, как улучшить свой вопрос. Например, вы используете фреймворк? – JohnP

ответ

2
$('div[class^=obj_] img').each(function(){ 
    $(this).css({ 
    width: $(this).width() * 2, 
    height: $(this).height() * 2 

    }); 
}); 
+0

спасибо, очень мух –

1

Для простоты я рекомендую использовать jQuery JavaScript библиотеки. Следующий jQuery selector подберет все дивы, которые начинаются с obj_:

$('div[class^="obj_"]') 
+0

Я немного изменил свое объяснение –

+0

Ну, похоже, вы немного изменили свое объяснение, но опубликовали совершенно новый и другой вопрос. Что вы пробовали? Почему это не сработало? –

+0

Извините;) Вы можете мне помочь? –

0

привет вам придется использовать follwing сценарий для, чтобы выбрать каждый IMG тег, который начинается с 'obj_'

$('img[class^="obj_"]'); 

как только вы найдите селектор, используя каждую функцию, и jQuery, чтобы изменить размер каждого изображения на документе. jQuery имеет свойства ширины и высоты, доступные для выбранного вами объекта.

Надеюсь, вы понимаете логику и пытаетесь ее реализовать. в случае, если у вас возникли проблемы с построением логики, которую вы можете вернуть, мы здесь, чтобы помочь вам ...

Смежные вопросы