رفتن به مطلب

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


tertis

پست های پیشنهاد شده

سلام

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

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

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

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

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

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

درود

 

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

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

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

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

 

@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>

 

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

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

ممنون

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

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

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

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

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

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

با تشکر

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

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

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

با تشکر

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

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

درود

 

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

 

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

 

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

 

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

 

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

 

موفق باشید.

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

  • 1 month پیش ...
سلام

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

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

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

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

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

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

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

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

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

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

بایگانی شده

این موضوع بایگانی و قفل شده و دیگر امکان ارسال پاسخ نیست.

مهمان
این موضوع برای عدم ارسال قفل گردیده است.
×
×
  • اضافه کردن...