PDA

View Full Version : مبتدی: ریسایز کردن تصاویر در یک صفحه



silverboyir
شنبه 06 آذر 1389, 12:37 عصر
سلام
می خوام توی سایتم تمام عکس هایی که از یه سایز مشخصی بزرگترند ریسایز بشن به سایزی که من می گم
برای اینکار یه اسکریپت خیلی خوب گیر آوردم اما ruby on rail می خواد ولی هاست من این رو روی کنترل پنلش نداره
کسی می تونه این رو تغییر بده ، یا کاری کنه به صورت اتوماتیک روی تمام عکس های صفحه تاثیر بذاره ؟ یا اگه کد دیگه ای داره لطفا بده


function resize(which, max) {
var elem = document.getElementById(which);
if (elem == undefined || elem == null) return false;
if (max == undefined) max = 100;
if (elem.width > elem.height) {
if (elem.width > max) elem.width = max;
} else {
if (elem.height > max) elem.height = max;
}
}


So, in pure HTML, this could be called like so:

<img id="some_image" onload="resize('some_image')" src="some_image.jpg" /> And in Ruby on Rails, this would look like:

<%= image_tag('some_image.jpg', {:id => “some_image”, :onload => “resize(’some_image’)”}) %> Enjoy!

Mr FTHEL
شنبه 06 آذر 1389, 22:55 عصر
cms سایتت چیه؟

silverboyir
یک شنبه 07 آذر 1389, 06:48 صبح
oscomerce هست
گشتم هیچ ماژولی براش نیست
جاوا اسکریپت می خوام

eAmin
یک شنبه 07 آذر 1389, 10:42 صبح
تابعی که قرار داده بودید، طوری تغییر داده شده تا بر روی تمامی عکسهای صفحه تاثیر داشته باشه.

function resize(max) {
var elem = document.getElementsByTagName('img');
if (elem == undefined || elem == null) return;
if (max == undefined) max = 100;
for (var i = 0; i < elem.length; i++) {
var ele = elem[i];
if (ele.width > ele.height) {
if (ele.width > max) ele.width = max;
} else {
if (ele.height > max) ele.height = max;
}
}
}

// use...
window.onload = function() {
resize(200);
}

موفق باشید.

silverboyir
یک شنبه 07 آذر 1389, 10:46 صبح
آخیش
خدا خیرت بده