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 صبح
البته بیرون رویداد هم یک بار باید این کار انجام بشه.
vBulletin® v4.2.5, Copyright ©2000-1403, Jelsoft Enterprises Ltd.