جلوه هاي ويژه در Html

[آرام جان گل]

سلام

من مي خوام عكسي رادر يكي از صفحاتم است راباحالت خاصي نمايش دهم دقت كنيد كه فقط يك عكس است كدش را هم دارم ولي نميدونم چرا كار نمي كنه شايد به خاطر اينه كه يك دونه عكس است من مي خوام عكسم به حالت خاصي كه معمولي نباشه( حالامهم نيست چه حالتي باشه )باز بشه
لطفا راهنمايي كنيد
كد من:


<td style="width: 100%; text-align: center; background-image: url('images/BlackBackground.jpg')" >
<div align="center" style="filter: progid:DXImageTransform.Microsoft.Slide(slideStyle =SWAP, bands=1);
background-image: url('Images/P0.jpg'); width: 747px;
background-repeat: no-repeat; height: 747px; margin:15px; padding:15px">
</div>
</td>آيا تگ script هم مي خواد ؟
لطفاهمه چيز رادر موردش بهم بگيد

[آرام جان گل]

سلام
ببينيد من يك عكس دارم كه مي خوام مثلا مثل تصاوير پاورپوينت مثلا از وسط باز شود يا از كنار باز شود يا مثلا مثل توپ كاشي به بالاو پايين برود و....... نمي دونم مي خوام يه جور غير عادي نمايش داده بشه

حالا من نمي دونم كه فيلتر ها بتونن با عكس ها اين كار را بكنند يا نه ولي يه بار ديدم ووقتي پرسيدم گفتند با فلتر است

مرسي
لطفا راهنمايي كنيد

[emad_67]

اکثر چیزایی که من دیدم با جاوا اسکریپت هست.
ببین این مورد پسندت واقع میشه؟
http://www.irpcn.com/software/life-photo-maker.html

نام این چیزی که من استفاده کردم lightbox هست. اگه خوشت اومد از اینجا اسکریپت اونو دانلود کن:
http://www.lokeshdhakar.com/projects/lightbox2/#download

[آرام جان گل]

سلام
من توي همين سايت يك نمونه از جلوههاي ويژه را پيدا كردم وخيلي به دردم خورد ولي من مي خوام اونچيزي كه اينجا نوشته شده بود را با جاوا اسكريپت بنويسم و يك كم مشكل دارم

من يك صفحه دارم كه وقتس روي يك لينك كليك مي كنم اين تابع را اجرا مي كند ولي فسلتر روي Img اجرا نمي شود چه كار كنم ؟



var imgObj = document.createElement("img");
var bgObj = document.createElement("div");
var Center = document.createElement("center");
var a = document.createElement("a");
var Table = document.createElement("table");
var TR1 = document.createElement("tr");
var TR2 = document.createElement("tr");
var TD1 = document.createElement("td");
var TD2 = document.createElement("td");

function CreatTableProgress()
{
var msgw,msgh,bordercolor;
imgw=750;//Width
imgh=600;//Height
titleheight=25 //title Height
bordercolor="#336699";//boder color
titlecolor="#99CCFF";//title color

var sWidth,sHeight;
sWidth=document.body.offsetWidth;
sHeight=document.body.offsetHeight;



imgObj.setAttribute('id','imgDiv');
imgObj.style.border="1px solid " + bordercolor;
imgObj.style.position = "absolute";
//imgObj.setAttribute("src","Images/P143_min.jpgs");
imgObj.src = "Images/P0.jpg";
imgObj.style.width = imgw + "px";
imgObj.style.height = imgh + "px";
imgObj.style.filter="progid:DXImageTransform.Microsoft.Pixelate(maxSqua re=10, duration=2, enabled=false)";

bgObj.setAttribute('id','bgDiv');
bgObj.style.top="0";
bgObj.style.left="0";
bgObj.style.width=sWidth + "px";
bgObj.style.height=sHeight + "px";
bgObj.style.background="black";
bgObj.style.position="absolute";
bgObj.style.filter="progid:DXImageTransform.Microsoft.Alpha(opacity=99 )";
bgObj.style.opacity="0.99";

a.href = "";
a.onclick = function(){DeleteTableProgress();return false;};
a.innerHTML="بازگشت";


bgObj.appendChild(a);
//center.appendchild(imgobj);
// bgobj.appendchild(center);
bgObj.appendChild(imgObj);
imgObj.filter[0].Apply();
imgObj.filter[0].Play();



document.body.appendChild(bgObj);




يعني اين دو خط اجرا نمي شود



imgObj.filter[0].Apply();
imgObj.filter[0].Play();

[آرام جان گل]

سلام

درسته كه مهمه عكس من چطوري نمايش داده بشه ولي فعلا سوال من اين نيست
كد هاي نوشته شده من اصلا اجرا نمي شه

حالا مي گم خواستم چيه:

من مي خوام وقتي كليك كردم صفحه سياه شود و يك عكس نمايش داده شود ولي اين نمايش حالت عادي نداشته باشه

مثال مي خوام عكس مثل پرده كركره روي هم چيده شود و همزمان با اين اتفاق نمايش داده شود
يعني فيلتر يك بار اون لحظه اول نمايش اعمال شود

دو تا تابعي كه گفتم اجرا نمشه اگر توي HTML ينويسم به راحتي اجرا ميشه ولي توي دستورات JavaScript نه

لطفا راهنمايي كنيد
مرسي