PDA

View Full Version : تبدیل اندازه ها به درصد در کد javascript



neda555
شنبه 08 شهریور 1393, 10:02 صبح
سلام
من میخوام اندازه ها رو که در این کد به پیکسل هستن به درصد تبدیل کنم چه طور باید این کارو انجام بدم!

<script type="text/javascript">$(document).ready(function() {
$("#example1").zAccordion({
timeout: 4000,
slideWidth: 600,
width: 960,
height: 270
});
});
</script>

2undercover
شنبه 08 شهریور 1393, 12:35 عصر
خوب شما اندازه صفحه نمایش کاربر رو بدست بیارید بعد با استفاده از اون اندازه درصدی رو که می خواهید محاسبه کنید و به جای این اعداد قرار بدهید.

- می تونید این فرایند رو توی رویداد window.resize قرار بدهید.

Freedon_23
شنبه 08 شهریور 1393, 12:36 عصر
سلام
شما میتونید عرض کل صفحه رو بگیرید و بعد با اندازه پیکسلی نسبت ببندید مثلا:
عرض مانیتور = 1600
100/1600 = x/960
که 960px تو مانیتور با عرض 1600px میشه 60 درصد و تو مانیتور با عرض 1200px میشه 80 درصد
اگه جواب سوالتون نبود یه خورده بیشتر توضیح بدید :)

neda555
شنبه 08 شهریور 1393, 12:46 عصر
نه من واسه کد جاوااسکریپت میگم مثلا width: 960 من واسه این میزارم 80% یا '80%' ولی جواب نمیده!

neda555
شنبه 08 شهریور 1393, 12:48 عصر
دوست عزیز
2undercover (http://barnamenevis.org/member.php?261565-2undercover)
چه طور در رویدا
window.resize قرار بدم؟این کد مربوط به یک اسلایدشو هست که اندازه هاش ثابته من میخوام درصدیش کنم

2undercover
یک شنبه 09 شهریور 1393, 09:39 صبح
window.onresize = function () {
var config = {
width: 80, // %
height: 300 // px
};
config.width = window.innerWidth * config.width / 100;

// Create slider
$('.slider').slider(config);
}

2undercover
یک شنبه 09 شهریور 1393, 09:40 صبح
البته بیرون رویداد هم یک بار باید این کار انجام بشه.