Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как повернуть элемент (изображение) на заданный в атрибуте угол / 13 сообщений из 13, страница 1 из 1
31.07.2017, 16:49
    #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, 17:18
    #39497916
Изопропил
Изопропил
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как повернуть элемент (изображение) на заданный в атрибуте угол
Alexey AgafonovА он у меня в атрибутах
зачем в сомнительном атрибуте?

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

Изопропилв стиль помести и никакого кода.
ну а хочешь кодом - извлеки из атрибута угол, в чём проблема.
Хочу кодом. А как?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
01.08.2017, 13:22
    #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, 21:24
    #39498646
ShSerge
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как повернуть элемент (изображение) на заданный в атрибуте угол
Изопропил,

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

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

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

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

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

почему параметр в нестандартном атрибуте? ну хотя бы в data атрибуте (data-a)
Видимо, я что-то упустил в JS, а в чем разница? Просто "традиция" или браузеры как-то по-другому обрабатывают параметры data-xxx?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
02.08.2017, 11:23
    #39498880
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как повернуть элемент (изображение) на заданный в атрибуте угол
Alexey AgafonovВидимо, я что-то упустил в JS, а в чем разница? Просто "традиция" или браузеры как-то по-другому обрабатывают параметры data-xxx?
В жиКвери даже методы специальные есть для работы с data-атрибутами... Традиция, не традиция... А, скажем так, обычная практика для хранения неких данных в атрибутах.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
02.08.2017, 12:07
    #39498924
Alexey Agafonov
Alexey Agafonov
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как повернуть элемент (изображение) на заданный в атрибуте угол
Спасибо, учту.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как повернуть элемент (изображение) на заданный в атрибуте угол / 13 сообщений из 13, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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