نحوه تغییرات در قالب ( نحوه وارد کردن اسلایدشو )

[Mr.Saraei]

درود

دوستان می خواستم بدونم چطوری می تونم سورس های آماده اسلایدشو رو وارد کنم به کد نویسی قالبم . من Html , Css رو نوشتم .

کد اسلایدشو : http://www.htmldrive.net/items/show/1060/super-cool-multiple-style-Slideshow-effect-with-jQuery

سپاس

 

[dexted]

سلام دوست عزیز

لینک سایتی که دادین متاسفانه کار نمیکنه اگر ممکنه یه امتحان بکنین

من در خدمتتون هستم

 

[Mr.Saraei]

درود

سپاسگزارم از شما دوست خوب من لینک رو تصحیح کردم : http://www.htmldrive.net/items/demo/1060/super-cool-multiple-style-Slideshow-effect-with-jQuery

من تونستم یصورت خیلی ساده با افکت Fade یه اسلایدشو ساده بسازم اما می خوام مثل شماره 21 اسلاید این تصویر بالایی شه افکتش ...؟ چیکار کنم به نظرتون ؟

سپاس

 

[dexted]

سلام بر شما

والا من زیاد دنبال این افکت ها گشتم و بالاخره راهشو پیدا کردم.اما به دلیل اینکه به نظرم ساختنش وقت گیره تا حالا همچین افکتی رو نساختم حالا من راهشو میگم اگر وقت داشتین میتونین روش کار کنید.

تکینیکی که برای این افکت ها استفاده میشه همون تکنیک CSS Sprite هست.
http://w3schools.com/css/css_image_sprites.asp
حالا منطق کار چیه؟
ما مثلا یک عکس داریم با ابعاد 500در300 برای ساخت اون مربع های افکت میایم با sprite یه تیکه مثلا 30*30 از عکس رو نشون میدیم.حالا بعد از یه زمان خیلی کم مثل 0.01 ثانیه تیکه 30*30 بعدی رو نشون میدیم.
حالا اگر مثلا افکت 13 رو بخواهیم تکه های ما 300*30 میشن.
توی افکت 21 هم همین تکه های (مثلا) 30*30 گرفته شده ولی به جای اینکه به ترتیب این تکه ها fade in بشن اومده این کار رو رندوم انجام داده.

امیدوارم متوجه شده باشین