wmaraci reklam
lidertakipci

[ÇÖZÜLDÜ]Js ile Rotate işlemi

5 Mesajlar 961 Okunma
advertseo
wmaraci reklam

SezginCelik SezginCelik WM Aracı Kullanıcı
  • Üyelik 05.01.2017
  • Yaş/Cinsiyet 30 / E
  • Meslek Yazılım Yardımcısı
  • Konum İstanbul Avrupa
  • Ad Soyad S** Ç**
  • Mesajlar 32
  • Beğeniler 2 / 3
  • Ticaret 0, (%0)
Arkadaşlar merhaba, (Acele edip konuyu yanlış yere açmışım sanırım. Yetkililer doğru yere taşırlarsa sevinirim:) )

Kullandığım jq: jquery-1.11.3.min.js
Kullandığım imageviewer jq:gitHub

şimdi gelelim yardımınıza ihtiyacım olan noktaya. Arkadaşlar bu iki jq dosyasını kullanıyorum bunların amacı ekranda 120*120 olarak belirttiğim resme tıklanınca tam ekran yapması ve bu ekran içinde zoom/pan yapabilmem. Ancak bu bana yetmiyor buraya, her tıklandığında 90 derece saat yönüne doğru resmi döndüren bir buton koymam lazım. Örnek: DEMO..

Özetlemek gerekirse 2. verdiğim linkteki sağa doğru döndürme olayını en başta vermiş olduğum jqlara uygun olarak gömmek veya yapmak. Bu konuda bilgisi olun arkadaşlar yardım ederseniz sevinirim zira 3 gündür işin içinden çıkamadım :) (Sadece sağa doğru döndürme olayı benim için yeterlidir.)
Şimdiden teşekkürler:)

mehmetuken adlı arkadaşıma yardımlarından dolayı teşekkür ediyorum. 3 gündür çözemediğim derdime deva oldu. Sağolasın tekrardan.
 

 

İmzanız 100 karakterden fazla olamaz.
-wmaracı
wmaraci
reklam

mehmetuken mehmetuken WM Aracı Kullanıcı
  • Üyelik 16.12.2014
  • Yaş/Cinsiyet 28 / E
  • Meslek Software Developer
  • Konum Antalya
  • Ad Soyad M** T**
  • Mesajlar 28
  • Beğeniler 0 / 7
  • Ticaret 5, (%100)
var rotateImage = function(aDeg) {
aDeg = parseInt(aDeg);
var lImageCurrentRotation_int = parseInt(lImgInnerWrapper_jqp.attr('data-rotation'));
var lImageNewRotation_int = lImageCurrentRotation_int + aDeg;
setImageRotation(lImageNewRotation_int);
redrawImage();
};
var setImageRotation = function(aDeg) {
lImgInnerWrapper_jqp.attr('data-rotation', aDeg);
lImgInnerWrapper_jqp.css({'-webkit-transform': 'rotate(' + aDeg + 'deg)',
'-moz-transform': 'rotate(' + aDeg + 'deg)',
'-ms-transform': 'rotate(' + aDeg + 'deg)',
'transform': 'rotate(' + aDeg + 'deg)'});
};

verilen css leri inceleyerek halledebilirsin verdiğin demoda ki rotate olayı.
 

 

SezginCelik SezginCelik WM Aracı Kullanıcı
  • Üyelik 05.01.2017
  • Yaş/Cinsiyet 30 / E
  • Meslek Yazılım Yardımcısı
  • Konum İstanbul Avrupa
  • Ad Soyad S** Ç**
  • Mesajlar 32
  • Beğeniler 2 / 3
  • Ticaret 0, (%0)
mehmetuken dostum cevabın için öncelikle teşekkürler ancak bu kodu nasıl buton click olayı ile çalıştırabileceğim konusunda hala soru işaretlerim var. Burdan veya pm'dan daha detaylı bilgi verirsen çok makbule geçer.
 

 

İmzanız 100 karakterden fazla olamaz.
-wmaracı

mehmetuken mehmetuken WM Aracı Kullanıcı
  • Üyelik 16.12.2014
  • Yaş/Cinsiyet 28 / E
  • Meslek Software Developer
  • Konum Antalya
  • Ad Soyad M** T**
  • Mesajlar 28
  • Beğeniler 0 / 7
  • Ticaret 5, (%100)
şöyle yapalım önce image tagına data-rotate diye alan ekle

sıfırla başlasın
bir tane button koy a tagı koy artık ne koyarsan ve eventlerden click eventini yakala her seferinde 90 derece döndüreceğiini farz et bir kontrolle eski değeri $('#image1').attr('data-rotate'); diye al yenisini ekle artı 90 yada -90 sağ sol olarak düşün eski değere bunu ekleyip 360 ise de 0 'a eşitleyip mis gibi döndür.
 

 

wmaraci
wmaraci

SezginCelik SezginCelik WM Aracı Kullanıcı
  • Üyelik 05.01.2017
  • Yaş/Cinsiyet 30 / E
  • Meslek Yazılım Yardımcısı
  • Konum İstanbul Avrupa
  • Ad Soyad S** Ç**
  • Mesajlar 32
  • Beğeniler 2 / 3
  • Ticaret 0, (%0)
mehmetuken yardımın için sağol. Deneyip bir şeyler karalayacağım eğer olmazsa kapını çalarım :)
 

 

İmzanız 100 karakterden fazla olamaz.
-wmaracı
wmaraci
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al