حرفه ای: نحوه ایجاد این افکت در slideshow [بایگانی]

PDA

View Full Version : حرفه ای: نحوه ایجاد این افکت در slideshow

engkamyabi

جمعه 06 اسفند 1389, 09:19 صبح

mohan21

جمعه 06 اسفند 1389, 11:35 صبح

کدام افکت !! من که چیزی در این صفحه ندیدم ...

engkamyabi

جمعه 06 اسفند 1389, 11:44 صبح

منظور من نحوه تغییر تصاویر در اسلایدشوی بالای صفحه هست که عکس ها به صورت بریده بریده تغییر میکند و در صفحه دوم نحوه تغییر عکس ها در اسلایدشو به صورت حرکت عکس ها و جایگزین شدن عکس جدید می باشد .

Javad.Kashi

جمعه 06 اسفند 1389, 19:10 عصر

سلام
خیلی جالب بود!!!!!
من هم دوست دارم که این Effect را یاد بگیرم ؟ لطفا یکی از اساتید پاسخ دهند با سپاس.

engkamyabi

جمعه 06 اسفند 1389, 23:24 عصر

من با جستجوی بیشتر تونستم یک سایت انگلیسی خیلی خوب پیدا کنم که آموزش ساخت 37 نوع اسلایدشو رو گذاشته است و به مقاله آموزشی هر کدوم از این 37 نوع اسلایدشو لینک داده است .
من تونستم طرز افکت حرکت افقی تصاویر و جایگزین شدن تصویر دیگر رو از آموزش اسلایدشوی شماره 9 به اسم smooth div scroll یاد بگیرم .
این هم لینک این سایت :
http://webanthology.net/1522-jquery-image-slideshowslider-tutorials-and-plugins-for-your-next-projects/2009/11/24/
ولی متاسفانه افکت بریده شدن عکس ها در بین این آموزش ها نبود برای همین لطفا اساتید محترم در این مورد راهنمایی کنند و یا ایده اش را بگویند .
لینک افکت اول رو اشتباه زده بودم که تصحیح شد .
ممنون

m.soleimani

جمعه 06 اسفند 1389, 23:55 عصر

سلام دوستان

من چه جوری میتونم با استفاده از javascript یا jquery این افکت را در عکس های slideshow ایجاد کنم :
http://osc4.template-help.com/wt_32540/index.html
و چگونه میشه با استفاده از jquery یا javascript افکت نماشی عکس ها را به صورت بریده شده ساخت .مثل این سایت : http://osc4.template-help.com/wt_32795/index.html

ممنون

شما سرچشمه را ول کردین افتادین توی وب دنبال یادگیری چی یه سر به این‌جا بزنید کل مشکلاتتون حل می‌شه

http://api.jquery.com/category/effects/

موفق باشید./

engkamyabi

شنبه 07 اسفند 1389, 13:00 عصر

شما سرچشمه را ول کردین افتادین توی وب دنبال یادگیری چی یه سر به این‌جا بزنید کل مشکلاتتون حل می‌شه

http://api.jquery.com/category/effects/

موفق باشید./

دوست عزیز من با این افکت ها آشنا هستم .در واقع این ها افکت های پایه کتابخانه jquery هستند .منظور من ساخت افکت مانند این سایت (http://osc4.template-help.com/wt_32795/index.html)بود که باید با استفاده از همین افکت های پایه و برنامه نویسی ساخت و منظور من این بود که چگونه میشه برنامه یک همچین افکتی رو نوشت و در واقع دنبال ایده کار هستم و نه syntax برنامه نویسی jquery .
ممنون

m.soleimani

شنبه 07 اسفند 1389, 18:14 عصر

کدام افکت !! من که چیزی در این صفحه ندیدم ...

از چه مرورگری استفاده می‌کنی ؟

دوست عزیز من با این افکت ها آشنا هستم .در واقع این ها افکت های پایه کتابخانه jquery هستند .منظور من ساخت افکت مانند این سایت (http://osc4.template-help.com/wt_32795/index.html)بود که باید با استفاده از همین افکت های پایه و برنامه نویسی ساخت و منظور من این بود که چگونه میشه برنامه یک همچین افکتی رو نوشت و در واقع دنبال ایده کار هستم و نه syntax برنامه نویسی jquery .
ممنون

دیگه خودت عکس و چیزای دیگه را که لازم داری توش اضافه کن

<html>
<head>
<title>the title</title>
<script type="text/javascript"
src="/jquery/jquery-1.3.2.min.js"></script>
<script type="text/javascript"
src="/jquery/jquery-ui-1.7.2.custom.min.js"></script>
<script type="text/javascript" language="javascript">

$(document).ready(function() {
$("#hide").click(function(){
$(".target").hide( "explode",
{pieces: 16 }, 2000 );
});
$("#show").click(function(){
$(".target").show( "explode",
{pieces: 16}, 2000 );
});
});
</script>
<style>
p {
background-color:#bca;
width:200px;
border:1px solid green;
}
div{ width:100px;
height:100px;
background:red;
}
</style>
</head>
<body>
<p>Click on any of the buttons</p>
<button id="hide"> Hide </button>
<button id="show"> Show</button>

<div class="target">
</div>

</body>
</html>

موفق باشی./

awwex2007

دوشنبه 16 اسفند 1389, 01:34 صبح

اگه همین اسلاید رو میخوای خوب چرا برای همین سایت رو بر نمی داری؟
سورس صفحه رو نگاه کن .فایل اسلاید و لود اسلاید رو در پروژه خود کارب بزار!