View Full Version : کسی یک فیلتر جاوا اسکریپت میتونه معرفی کنه !
tarhebartar
پنج شنبه 16 آبان 1387, 18:44 عصر
سلام.
برای ساخت یک slide show نیاز به یک فیلتر دارم که مقدار opacity عکس رو از یک مقدار کم تر کنم و عکس بعدی رو نشون بدم.متاسفانه syntax برای این فیلتر ندارم.کسی نمونه فیلتر میتونه معرفی کنه.
برای مثال صفحه اول تبیان اینجوری عمل کرده !
با تشکر
kassit
جمعه 17 آبان 1387, 02:32 صبح
از تابع fade کلاس زیر استفاده کنید
http://www.kassit.com/javascripts/Effector.js
var Effect = new Effector();
Effect.fade('ElementID', StartOpacity, EndOpacity, Millisec);
این کلاس کامل نشده هنوز و لی در این مورد کارتون رو راه می ندازه
البته شما باید تغییرات مختصری ایجاد کنید
در تابع فوق قسمت timeout ها بر اساس طرحی که بنده خودم داشتن ست شدن و شما باید تغییر بدید.
مثال :
setTimeout("Core.effector.changeOpac("+i+",'"+id+"')",(timer * speed));
رو به
setTimeout("Effect.changeOpac("+i+",'"+id+"')",(timer * speed));
تغییر بدید
emad_67
جمعه 17 آبان 1387, 08:54 صبح
سلام
من اینو تست کردم ولی کار نکرد. میشه ببینی مشکلش کجاست:
<html dir="rtl">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 1</title>
<script type="text/javascript" src="Effector.js">
</script>
</head>
<body>
<script type="text/javascript">
var Effect = new Effector();
Effect.fade('test', 0, 100, 1000);
</script>
<div id="test" style="background-color:#000; height:200px;"></body>
</html>
kassit
جمعه 17 آبان 1387, 15:32 عصر
بله حق با شماست اون مدل نیاز به تغییراتی داره . چرا که با سیستم وب سایت ما هماهنگ شده
اما نمونه None Objective رو می تونید به این شکل اصلاح کنید .
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<style>
#SampleDiv{
width: 100px;
height: 100px;
background: #000000;
}
</style>
<script>
function fade(id, opacStart, opacEnd, millisec) {
//speed for each frame
var speed = Math.round(millisec / 100);
var timer = 0;
//determine the direction for the blending, if start and end are the same nothing happens
if(opacStart > opacEnd) {
for(i = opacStart; i >= opacEnd; i--) {
setTimeout("changeOpac("+i+",'"+id+"')",(timer * speed));
timer++;
}
} else if(opacStart < opacEnd) {
for(i = opacStart; i <= opacEnd; i++) {
setTimeout("changeOpac("+i+",'"+id+"')",(timer * speed));
timer++;
}
}
}
//change the opacity for different browsers
function changeOpac(opacity, id) {
var object = document.getElementById(id).style;
object.opacity = (opacity / 100);
object.MozOpacity = (opacity / 100);
object.KhtmlOpacity = (opacity / 100);
object.filter = "alpha(opacity=" + opacity + ")";
}
</script>
</head>
<body onload="fade('SampleDiv', 0, 100, 2000)">
<div id="SampleDiv"></div>
</body>
</html>
emad_67
جمعه 17 آبان 1387, 18:28 عصر
خیلی ممنون
یه سوال دیگه:
این KhtmlOpacity برای کدوم مرورگره؟
eAmin
جمعه 17 آبان 1387, 23:11 عصر
خیلی ممنون
یه سوال دیگه:
این KhtmlOpacity برای کدوم مرورگره؟
سلام.
konqueror که تحت لینوکس هست، البته برای ورژنهای قدیمی ترش...
http://www.konqueror.org/
tarhebartar
شنبه 18 آبان 1387, 10:46 صبح
دوستان چه دلیلی وجود داره که با attribute و style نمیشه فیلتر رو اضافه کرد و با یک تایم آت اضافه یا کمش کرد؟
raravaice
شنبه 18 آبان 1387, 22:43 عصر
دوستان چه دلیلی وجود داره که با attribute و style نمیشه فیلتر رو اضافه کرد و با یک تایم آت اضافه یا کمش کرد؟
الان هم همین اتفاق افتاده!
function changeOpac(opacity, id) {
var object = document.getElementById(id).style;
object.opacity = (opacity / 100);
object.MozOpacity = (opacity / 100);
object.KhtmlOpacity = (opacity / 100);
object.filter = "alpha(opacity=" + opacity + ")";
}
موفق باشید
kassit
شنبه 18 آبان 1387, 23:16 عصر
خیلی ممنون
یه سوال دیگه:
این KhtmlOpacity برای کدوم مرورگره؟
ببخشید که دیر جواب می دم
Amin eHelp عزیز زحمت کشیدن و فرمودن .
بنده روش های مختلفی رو امتحان کردم و با وجود اینکه شخصا بیشتز از مکنتاش و لینوکس استفاده می کنم . این تابع رو بارهای بار و در شرایط مختلف روی مرورگرهای IE, Firefox, Opera, Safari و Konqueror تست کردم . تنها در یک مورد و اون هم Konqueror بتا گاهی در صورتی که Priority پایین تری بهش اختصاصا داده شده باشه دچار اختلال جزیی می شه که در نسخه نهایی حل شده و البته فکر می کنم بخشودنی باشه
tarhebartar
یک شنبه 19 آبان 1387, 14:47 عصر
من تونستم با attrubute کار کنم ولی نمی دونم چه جوری برای ff لعنتی ست کنم
emad_67
یک شنبه 19 آبان 1387, 17:21 عصر
من تونستم با attrubute کار کنم ولی نمی دونم چه جوری برای ff لعنتی ست کنم
کدت رو بزار تا بهتر بشه توضیح داد.
kassit
یک شنبه 19 آبان 1387, 21:08 عصر
من تونستم با attrubute کار کنم ولی نمی دونم چه جوری برای ff لعنتی ست کنم
بنده درست متوجه نمی شم منظور شما از کار کردن با attribute چیه ؟
vBulletin® v4.0.8, Copyright ©2000-1391, Jelsoft Enterprises Ltd.