lostyazilim
tr.link

eğer 400 den küçük ise radius değerini değiştir

2 Mesajlar 858 Okunma
acebozum
tr.link

santiago26 santiago26 WM Aracı Kullanıcı
  • Üyelik 21.05.2014
  • Yaş/Cinsiyet 36 / E
  • Meslek Webmaster
  • Konum Bursa
  • Ad Soyad O** A**
  • Mesajlar 4
  • Beğeniler 0 / 0
  • Ticaret 0, (%0)
İyi akşamlar!

Jquery ile eğer genişlik 480 pikselden küçük ise

radius = '8.1em',

olsun demek istiyorum. Bir türlü yapamadım.

@media (max-width: 480px) {
/*sitenin genişliği 480'e eşit veya daha küçükse bu stiller işlenir*/
.orta li img{
top: 0 !important;
left: 0 !important;
margin: 0 !important;
width: 34%;
padding: 10px;
}
}


<script>//
$(window).load(function(){
var type = 1.37, //circle type - 1 whole, 0.5 half, 0.25 quarter
radius = '13.1em', //distance from center
start = -90, //shift start from 0
$elements = $('li:not(:first-child)'),
numberOfElements = (type === 1) ? $elements.length : $elements.length - 1, //adj for even distro of elements when not full circle
slice = 360 * type / numberOfElements;

$elements.each(function(i) {
var $self = $(this),
rotate = slice * i + start,
rotateReverse = rotate * -1;

$self.css({
'transform': 'rotate(' + rotate + 'deg) translate(' + radius + ') rotate(' + rotateReverse + 'deg)'
});
});
});//]]>

</script>
 

 

elektronikssl
webimgo

Mango Mango WM Aracı Kullanıcı
  • Üyelik 23.11.2015
  • Yaş/Cinsiyet 30 / E
  • Meslek Front-End Developer
  • Konum Bursa
  • Ad Soyad N** K**
  • Mesajlar 311
  • Beğeniler 8 / 81
  • Ticaret 0, (%0)
Önce istediğin genişliği değişkene ata.

var boyut = 480;

jQuery ile pencere boyutunu al.

var winwidth = $(window).width();

if(boyut<=winwidth){
$("element").css("border-radius", "8.1em")
}
 

 

wmaraci
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