اسلایدر رونده!!

[tertis 5]

سلام

این چه طرحی هستش که پشت مطالب این وبسایت هست!!

اسلایدر هست یا یک فایل دیگه!!

چه طور میشه همچین جیزی ایچاد کرد

پیج پایین رو ببینید...

لینک ها تنها برای اعضای سایت قابل نمایش است.

[Yazdan 1,703]

درود

 

کد نویسی شده css , jquery دو عکس هستند که توسط دستور -webkit-animation و کمی تغییرات هرکدام به یک سمت حرکت میکنن.

[tertis 5]

ممنون

اگه بخوایم فقط یکی از عکس ها حرکت کنند ، چی کار باید کرد

آموزشش جایی هست؟

[Yazdan 1,703]

فقط برای یکی از تصاویر انیمیشن تعریف کنید .

[laruz 983]

یکم طولانیه ولی خب

ابتدا تعریف می کنیم

 

@keyframes back{0%{background-position:0;}100%{background-position: nnn px;}.slideranim{   background:url('image Address') repeat-x ;   background-position:0px;   float:right;   width:100%;   height:mmmpx;   position:relative;   overflow:hidden;   padding: 60px 10%;box-sizing: border-box;position:relative;-webkit-animation: back zzzs linear 0s infinite normal;animation: back zzzs linear 0s infinite normal;}

 

image address آدرس تصویر

nnn عرض کلی تصویر

mmm ارتفاع دلخواه تصویر

zzz زمان کلی انیمشین

حالا باید فراخوانی کنین به اینصورت

 

<div class="slideranim"></div>

 

مشکلی بود بفرمایید

[tertis 5]

ممنون

میشه چند تا تصویر پشت سر هم حرکت کنند ، تصویر1، تصویر2،تصویر3 و.....

[laruz 983]

ممنون

میشه چند تا تصویر پشت سر هم حرکت کنند ، تصویر1، تصویر2،تصویر3 و.....

بله میشه. اگه از وردپرس استفاده می کنین revolution slider پیشنهاد میشه.

در غیر ایتصورت باید از جاوا هم کمک گرفته بشه

[tertis 5]

بله از وردپرس استفاده می کنیم

با استفاده از کدام قسمت افزونه revolution slider می تونیم همچین کاری هستیم

با تشکر

[laruz 983]

بله از وردپرس استفاده می کنیم

با استفاده از کدام قسمت افزونه revolution slider می تونیم همچین کاری هستیم

با تشکر

آموزشاش هست. از نمونه های موجود استفاده کنید

[tertis 5]

این قطعه کدی که دادید رو امتحان کردم ، 100 باز اما هیچی نمیشد!!

[Yazdan 1,703]

درود

 

منابع زیر رو مطالعه بفرمائید.

 

لینک ها تنها برای اعضای سایت قابل نمایش است.

 

لینک ها تنها برای اعضای سایت قابل نمایش است.

 

لینک ها تنها برای اعضای سایت قابل نمایش است.

 

لینک ها تنها برای اعضای سایت قابل نمایش است.

 

موفق باشید.

[Hossein_Rafie 2]

سلام

این چه طرحی هستش که پشت مطالب این وبسایت هست!!

اسلایدر هست یا یک فایل دیگه!!

چه طور میشه همچین جیزی ایچاد کرد

پیج پایین رو ببینید...

لینک ها تنها برای اعضای سایت قابل نمایش است.

با css به تنهایی هم میشه همچین چیزی ساخت با عبارت element() میشه یک عنصر رو برای نمایش در موقعیت های مختلف در یه عنصر دیگه نشون داد البته این خاصیت آزمایشی (غیر استاندارد) هست و باید با پیشوند ازش استفاده کرد:

background: -moz-element(#your_element_id) no-repeat;

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

فقط توجه کنید داخل پرانتز حتما باید از id استفاده کرد وگرنه کار نمیکنه.