ReSQL.ru
     
powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как повернуть элемент (изображение) на заданный в атрибуте угол
13 сообщений из 13, страница 1 из 1
Как повернуть элемент (изображение) на заданный в атрибуте угол
    #39497899
Alexey Agafonov
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Alexey Agafonov
Участник
Всем привет

Есть такой элемент
Код: html
1.
<img src="http://wallsheaven.it/foto/D47176850/160/red-sports-car-top-view.jpg" a="45">


Как его повернуть на угол, заданный в атрибуте "a" (то есть в данном случае на 45 градусов)? Можно ли использовать jQuery?

$("img).rotate() не подходит, так как туда нужно передавать уже заданный заранее угол. А он у меня в атрибутах. Как быть?

Заранее спасибо

https://jsfiddle.net/3gbbff80/
...
Рейтинг: 0 / 0
31.07.2017, 16:49
| Ответить | Цитировать | Написать  
Как повернуть элемент (изображение) на заданный в атрибуте угол
    #39497916
Фотография Изопропил
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Изопропил
Участник
Alexey AgafonovА он у меня в атрибутах
зачем в сомнительном атрибуте?

в стиль помести и никакого кода.
ну а хочешь кодом - извлеки из атрибута угол, в чём проблема.
...
Рейтинг: 0 / 0
31.07.2017, 17:18
| Ответить | Цитировать | Написать  
Как повернуть элемент (изображение) на заданный в атрибуте угол
    #39498233
Alexey Agafonov
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Alexey Agafonov
Участник
ИзопропилAlexey AgafonovА он у меня в атрибутах
зачем в сомнительном атрибуте?
Я локализовал большую задачу, чтобы не грузить всеми деталями. Так нужно.

Изопропилв стиль помести и никакого кода.
ну а хочешь кодом - извлеки из атрибута угол, в чём проблема.
Хочу кодом. А как?
...
Рейтинг: 0 / 0
01.08.2017, 11:10
| Ответить | Цитировать | Написать  
Как повернуть элемент (изображение) на заданный в атрибуте угол
    #39498346
Фотография Изопропил
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Изопропил
Участник
Alexey AgafonovТак нужно.
так я и поверил

Например так:
Код: javascript
1.
2.
3.
[].forEach.call(document.querySelectorAll('img'),function(el){ el.style.transform='rotate('+el.getAttribute('a')+'deg)';});
// или 
$('img').each(function(){ this.style.transform='rotate('+this.getAttribute('a')+'deg)';});
...
Рейтинг: 0 / 0
01.08.2017, 13:22
| Ответить | Цитировать | Написать  
Как повернуть элемент (изображение) на заданный в атрибуте угол
    #39498646
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
Изопропил,

А нафига жКвери? Чтоб написать $('img').each... ?
...
Рейтинг: 0 / 0
01.08.2017, 21:24
| Ответить | Цитировать | Написать  
Как повернуть элемент (изображение) на заданный в атрибуте угол
    #39498683
Фотография Изопропил
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Изопропил
Участник
ShSergeИзопропил,

А нафига жКвери? Чтоб написать $('img').each... ?
для любителей. потому и два варианта.
...
Рейтинг: 0 / 0
01.08.2017, 23:02
| Ответить | Цитировать | Написать  
Как повернуть элемент (изображение) на заданный в атрибуте угол
    #39498687
Alexey Agafonov
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Alexey Agafonov
Участник
Решил через css
https://stackoverflow.com/questions/7936396/jquery-rotate-transform
...
Рейтинг: 0 / 0
01.08.2017, 23:15
| Ответить | Цитировать | Написать  
Как повернуть элемент (изображение) на заданный в атрибуте угол
    #39498755
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Alexey AgafonovИзопропилв стиль помести и никакого кода.

Хочу кодом.
Alexey AgafonovРешил через css

Похвально!
...
Рейтинг: 0 / 0
02.08.2017, 08:16
| Ответить | Цитировать | Написать  
Как повернуть элемент (изображение) на заданный в атрибуте угол
    #39498759
Alexey Agafonov
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Alexey Agafonov
Участник
Противоречия нет. Кодом - это значит, считывая параметр и устанавливая поворот. Так и решил.
...
Рейтинг: 0 / 0
02.08.2017, 08:21
| Ответить | Цитировать | Написать  
Как повернуть элемент (изображение) на заданный в атрибуте угол
    #39498794
Фотография Изопропил
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Изопропил
Участник
Alexey Agafonov,

почему параметр в нестандартном атрибуте? ну хотя бы в data атрибуте (data-a)
...
Рейтинг: 0 / 0
02.08.2017, 09:12
| Ответить | Цитировать | Написать  
Как повернуть элемент (изображение) на заданный в атрибуте угол
    #39498866
Alexey Agafonov
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Alexey Agafonov
Участник
ИзопропилAlexey Agafonov,

почему параметр в нестандартном атрибуте? ну хотя бы в data атрибуте (data-a)
Видимо, я что-то упустил в JS, а в чем разница? Просто "традиция" или браузеры как-то по-другому обрабатывают параметры data-xxx?
...
Рейтинг: 0 / 0
02.08.2017, 11:02
| Ответить | Цитировать | Написать  
Как повернуть элемент (изображение) на заданный в атрибуте угол
    #39498880
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Alexey AgafonovВидимо, я что-то упустил в JS, а в чем разница? Просто "традиция" или браузеры как-то по-другому обрабатывают параметры data-xxx?
В жиКвери даже методы специальные есть для работы с data-атрибутами... Традиция, не традиция... А, скажем так, обычная практика для хранения неких данных в атрибутах.
...
Рейтинг: 0 / 0
02.08.2017, 11:23
| Ответить | Цитировать | Написать  
Как повернуть элемент (изображение) на заданный в атрибуте угол
    #39498924
Alexey Agafonov
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Alexey Agafonov
Участник
Спасибо, учту.
...
Рейтинг: 0 / 0
02.08.2017, 12:07
| Ответить | Цитировать | Написать  
13 сообщений из 13, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как повернуть элемент (изображение) на заданный в атрибуте угол
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
NoSQL.ru       Новости, Чат       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=39498924&tid=1444522]:
 0ms
get settings:
 10ms
get forum list:
 12ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 67ms
get topic data:
 10ms
get forum data:
 2ms
get page messages:
 46ms
get tp. blocked users:
 1ms
others: 16ms
total:  170ms
созд. / загр.: 170ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]